我有以下有效的json数据
@H_404_2@[
{
"title":"title1","value":12234
},{
"title":"title2","value":"some text"
},{
"title":"title3","value":"12qwerty234"
},{
"title":"title4","value":123.5
}
]
我正在使用jQuery加载下一个代码
@H_404_2@$(document).ready(function(){ $.getJSON("json.js",{},function(result){ $.each(result,function(i,obj) { $("form").append($('<label for="'+i+'">'+obj.title+'</label>')); $("form").append($('<input id="'+i+'" value="'+obj.value+'" type="text"/><br>')); }); }); });我的问题是,我在Firefox中收到语法错误.我加载json.json作为本地文件.
这是一个截图
请注意,该表单已成功生成.
编辑：
以下是运行python SimpleHTTPServer时Chrome的另一个截图：
解决方法
原因是因为您使用的是本地文件,所以暗示了一个MIME类型的“text / xml”,因此Firefox将尝试将XML解析为底层XHR对象的.responseXML.这当然失败了.
你可以忽略这个,或者自己指定mimeType：
@H_404_2@$.ajax({ dataType: "json",url: "json.json",mimeType: "application/json",success: function(result){ $.each(result,obj) { $("form").append($('<label for="'+i+'">'+obj.title+'</label>')); $("form").append($('<input id="'+i+'" value="'+obj.value+'" type="text"/><br>')); }); } });PS：使用普通XHR,您将使用overrideMimeType()
