Javascript 如何仅在客户端中使用JSON
我已经创建了一个对象。。请告诉我我是否做对了:Javascript 如何仅在客户端中使用JSON,javascript,jquery,json,Javascript,Jquery,Json,我已经创建了一个对象。。请告诉我我是否做对了: {"images": { image1 : { "small_image" : "images/1.png", "large_image" : "images/big/1.png" }, image2 : { "small_image" : "images/2.png", "large_image" : "images/big/2.png" },
{"images": {
image1 : {
"small_image" : "images/1.png",
"large_image" : "images/big/1.png"
},
image2 : {
"small_image" : "images/2.png",
"large_image" : "images/big/2.png"
},
image3 : {
"small_image" : "images/3.png",
"large_image" : "images/big/3.png"
},
}
现在,我用名称images.json保存了它
我将如何使用jQuery在HTML文件中调用它?。。
我想先在控制台上测试一下
我使用这个代码,它不会在控制台上显示任何东西
$.getJSON("js/images.json", function(data){
$.each(data, function (index, value) {
console.log("asdfasdf " +value);
});
});
您需要修改对象文字,使其成为JSON字符串。它应该更像这样:
{"images": {
"image1" : {
"small_image" : "images/1.png",
"large_image" : "images/big/1.png"
},
"image2" : {
"small_image" : "images/2.png",
"large_image" : "images/big/2.png"
},
"image3" : {
"small_image" : "images/3.png",
"large_image" : "images/big/3.png"
}
}}
假设您的Web服务器被设置为正确地服务.json文件,那么,与您已有的javascript一起工作应该是可行的。每个键都需要双引号,最后一个图像元素后面还有一个无效的逗号。您可以使用jsonlint进行测试:我建议将这些图像制作成数组,而不是命名键
image1
,image2
,等等。@Plynx,您的意思是什么?。。我刚刚删除了image1,image2,image3?@prodigitalson,谢谢jsonlint.com,这很有帮助。已经完成了。。在控制台上也不显示任何内容。添加一个错误回调,它的第三个参数告诉您什么?($.getJSON(…).fail(函数(){console.log(参数)});
)