omdbapiからデータを受け取って表示するときに[オブジェクトオブジェクト]を取得する

Question

検索を実行するときに表示されているこの[オブジェクトオブジェクト]を除いて、自分のコードで必要なことを実行しています。私はおそらく何かを見落としているだろうが、どこから来ているのか分からない。私はそれにいくつかの新鮮な目を取得し、誰かが私が行方不明を見ることができるかどうかを知るだろうと思った。ここ

$('.search-form').submit(function(evt) { 
evt.preventDefault(); 
var url = 'http://www.omdbapi.com/?'; 
var movie = $('#search').val(); 
var data = { 
    s: movie 
}; 
function callBack(data) { 
    var movieHTML = $("#movies").empty(); 
     $.each(data.Search, function(i, movie) { 
      movieHTML += '<li>'; 
      movieHTML += '<div class="poster-wrap"><img class="movie-poster" src="'+ movie.Poster +'"></div>'; 
      movieHTML += '<span class="movie-title">'+ movie.Title +'</span>'; 
      movieHTML += '<span class="movie-year">'+ movie.Year +'</span>'; 
      movieHTML += '</li>'; 
      }); 
     $('#movies').html(movieHTML); 
} 
$.getJSON(url, data, callBack); 

と

JavaScriptがImはなって何の画像です。

Answer 1

私はあなたがvar movieHTML = $("#movies").empty();を使用する必要がある特別な理由があるのか​​どうかわからないんだけど、var movieHTML = ''とcodepenワーキング
...私のために問題を修正することを置き換える：
http://codepen.io/ethanrose/pen/OWVdgP?editors=0010

jQueryの空の関数はまだ子なしでdomオブジェクトを返します。ので、あなたのvar movieHTMLは、実際にそのDOMオブジェクト「映画」jQueryの.empty上 ドキュメント
https://api.jquery.com/empty/