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

我使用此代码，它不会在控制台上显示任何内容..

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

Answer 1

您需要修改您的对象 Literal 以使其成为 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 应该可以工作。