単純なJSONファイルをXMLHttpRequestを使用して取得しようとしています。JSONファイルでデータを取得するときの構文エラー
私が観察し、すべてをデバッグしてきましたが、それはまだここでの問題何、実行することはできません。..
var getData = function() {
var xmlhttp = new XMLHttpRequest();
var url = "battletheme.json";
xmlhttp.onreadystatechange = function() {
if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var themeinfo = JSON.parse(xmlhttp.responseText);
showField(themeinfo);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
var showField = function(inputcat) {
var txt = "";
for(i=0; i<inputcat.length; i++) {
txt += "Place: " + inputcat.field[i].fieldname + " , Boundary: " + inpucat.field[i].rightboundary + " <br>";
}
document.getElementById("msg_box").innerHTML = txt;
}
getData();
とJSONファイルはここにある:(それはすべて私のコンピュータに同じでありますルート)の代わりにinputcat.lengthの
{"field": [
{"fieldname" : "forest","leftboundary" : 1, "rightboundary" : 500},
{"fieldname" : "jungle","leftboundary" : 1, "rightboundary" : 600},
{"fieldname" : "island","leftboundary" : 1, "rightboundary" : 200}
]}
あなたはどのようなエラーが出るのですか? [ネットワーク]タブには何が表示されますか? – SLaks
ここで、 'inputcat'のスペルが間違っています:inpucat.field [i] .rightboundary – trevor
@SLaks:はい、それだけです:line1、column1の "syntax incompatible"はjsonファイルを参照しています。私はMozillaデバッグコンソールを使用します。 –