JSONデータを解析して読み込む

説明

JSONデータを解析して読み込むにはJSON.parse()を使います。これは従来eval()を使って変換していたものを、より安全にJSONデータを扱えるようにしたメソッドです。Firefox 3.1以降で動作します。

サンプルプログラム

httpObj = new XMLHttpRequest();
httpObj.open("get", "./jsondata.txt", true);
httpObj.onload = function(){
var myData = JSON.parse(this.responseText);
var txt = "";
for (var i=0; i<myData.item.length; i++){
txt = txt + myData.item[i].itemName + " " + myData.item[i].itemPrice+"円<br>";
}
document.getElementById("result").innerHTML = txt;
}
httpObj.send(null);



【JSONデータ:jsondata.txt】

{"item":[
{ "itemCode":91,
"itemName":"塩ラーメン",
"itemPrice":300},

{ "itemCode":94,
"itemName":"味噌ラーメン",
"itemPrice":290},

{ "itemCode":95,
"itemName":"豚骨ラーメン",
"itemPrice":320}
]
}

サンプルを実行
[戻る]