Получение [object Object] при получении и отображении данных из omdbapi

Question

Мой код делает то, что я хочу, EXCEPT для этого объекта [объекта], который отображается при выполнении поиска. Я, вероятно, что-то пропускаю, но я не могу найти, откуда это происходит. Думал, что я получу свежие глаза на это и посмотрю, сможет ли кто-нибудь увидеть то, что мне не хватает.

JavaScript

$('.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); 

и здесь есть образ того, что получение Im.

Answer 1

Я не уверен, если есть конкретная причина, вам нужно использовать var movieHTML = $("#movies").empty();, но заменяя, что с var movieHTML = '' исправили проблему для меня ..
рабочий codepen:
http://codepen.io/ethanrose/pen/OWVdgP?editors=0010

Функция jQuery. Empty по-прежнему возвращает объект dom, только без каких-либо детей. так что ваши var movieHTML фактически объявляются с [object, object], который является то, что объект дома «фильмы» Docs на JQuery .empty
https://api.jquery.com/empty/