jqueryの反復のJSONオブジェクト

Question

にこんにちは、私は、サーバーから返されるJSON配列を持っている... それはこのようなものになります：作成しようとして

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

とイム：私はこれを持って

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

をデータに基づいた画像ですが、jqueryに苦労しています

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

}); 

エドは部門に？

Answer 1

まず、JSONが無効です。あなたはここでそれを検証することができます。

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

お知らせあなたのコード内で欠落していた二重引用符：http://jsonlint.com

私はあなたがやろうとしているものだと思うが、これです。 JSONでは、キーと値の両方に二重引用符（一重引用符も二重引用符も使用しない）を使用する必要があります。

第2に、値ではなく配列を反復しようとしています。

はこれで試してみてください：

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