jquery Iterierte json Objekt

Question

Hallo ich eine json Array vom Server zurückgegeben werden .. es so etwas wie folgt aussieht:

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

Ich habe dies:

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

und Im Versuch zu erstellen Bilder basieren auf den Daten, aber ich kämpfe mit der jquery

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

}); 

Wie kann ich es imag hinzufügen lassen es zum div?

Answer 1

Erstens ist Ihr JSON ungültig. Sie können es hier bestätigen: http://jsonlint.com

Ich denke, was Sie zu tun versuchen, ist dies:

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

Beachten Sie die doppelte Anführungszeichen, die im Code fehlten. In JSON müssen Sie doppelte Anführungszeichen (weder einzeln noch ohne Anführungszeichen) sowohl für den Schlüssel als auch für den Wert verwenden.

Zweitens versuchen Sie, den Wert und nicht das Array zu iterieren.

Versuchen mit diesem:

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