我有以下有效的json数据
[
{
"title":"title1","value":12234
},{
"title":"title2","value":"some text"
},{
"title":"title3","value":"12qwerty234"
},{
"title":"title4","value":123.5
}
]
我正在使用jQuery加载下一个代码
$(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：
$.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()
