2013-02-11 61 views
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" 
    }, 

} 

現在,我的名字images.json保存它

我將如何調用它使用jQuery?.. 我想測試一個控制檯上的第一次我的HTML文件..

我用這個代碼,它一點兒也不在控制檯上顯示參選..

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

每個鍵都需要雙引號,在最後一個無效的圖像元素後面也有一個逗號。你可以使用jsonlint來測試一下東西:http://jsonlint.com/ – prodigitalson 2013-02-11 20:26:49

+2

我建議把這些圖像變成一個數組而不是命名鍵'image1','image2'等等。 – Plynx 2013-02-11 20:27:08

+0

@Plynx,你是什麼意思?我只是刪除了image1,image2,image3? – 2013-02-11 20:31:11

回答

2

您需要修改您的對象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" 
    } 

}} 

與你已經應該工作的JavaScript一起,假設您的Web服務器是安裝程序,以便正確提供以.json文件。

+0

已經做到了..不會在控制檯上顯示任何東西。 – 2013-02-11 20:28:19

+0

添加錯誤回調,第三個參數告訴你什麼? ('$ .getJSON(...)。fail(function(){console.log(arguments)});') – 2013-02-11 20:28:41