jQuery的迭代JSON對象

Question

您好我有一個JSON數組從服務器返回.. 它看起來是這樣的：

[{ ImageUrl="http://www.google.com"}, { ImageUrl="http://www.bing.com"}] 

我有這樣的：

<div id="images"></div> 

和我試着去創造基於數據的圖像，但我掙扎着與jquery

$.each(json.imageData.ImageUrl, function (i, ImageUrl) { 
    $("<img/>").attr("src", ImageUrl).appendTo("#images"); 

}); 

我如何使它添加圖像es到div？

Answer 1

首先，您的JSON無效。你可以在這裏進行驗證：http://jsonlint.com

我想你正在嘗試做的，是這樣的：

[ 
    { 
     "ImageUrl": "http://domain.com/image.jpg" 
    }, 
    { 
     "ImageUrl": "http://domain.com/image2.jpg" 
    } 
] 

通知的雙引號是失蹤在您的代碼。在JSON中，您必須在鍵和值上使用雙引號（從不單引號或不帶引號）。其次，你正在嘗試迭代值而不是數組。

嘗試這樣的：

$.each(json.imageData, function (i, img) { 
    $("<img>").attr("src", img.ImageUrl).appendTo("#images"); 
});