javascript - 如何仅在客户端使用 JSON

Question

我创建了一个对象.. 如果我做对了请告诉我:

{"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 文件中调用它？..我想先在控制台上测试它..

我使用这段代码，它不会在控制台上显示 anthing..

$.getJSON("js/images.json", function(data){
   $.each(data, function (index, value) {
     console.log("asdfasdf " +value);
   });
}); 

Answer 1

您需要修改您的对象文字，使其成为 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"
    }

}}

假设您的网络服务器已设置为正确提供 .json 文件，那么您已经拥有的 javascript 应该可以正常工作。