javascript - JSON: URL から画像を表示する

Question

私は腐ったトマトのAPIからデータを取得するためにこの関数を持っています:

function dataHandler (data) {
     $("#title").append(" " + data.title);
     $("#studio").append(" " + data.studio);
     $("#synopsis").append(" " + data.synopsis);
     $("#poster").append(" " + data.posters.thumbnail);
};

画像を表示する必要があるまではうまくいきました。これで、画像自体ではなく、画像の URL のみが表示されます。誰かが画像を正しく表示する方法を説明してもらえますか? 以下に、画像 URL を含む JSON を追加します。

"posters": {
        "thumbnail": "http://content6.flixster.com/movie/11/13/43/11134356_mob.jpg",

Answer 1

このコードを置き換える必要があると思います：

$("#poster").append(" " + data.posters.thumbnail);

次のコードを使用します。

$("#poster").append("<img src='"+data.posters.thumbnail+"' />");

Answer 2

 $("#poster").append("<img src='" + data.posters.thumbnail +"' />");