從omdbapi接收並顯示數據時獲取[object Object]

我的代碼正在做我想做的事情，除了執行搜索時顯示的[object Object]外。我可能忽略了一些東西，但是我無法找到它來自哪裏。以爲我會對它有一些新鮮的眼光，看看有沒有人能看到我失蹤的東西。從omdbapi接收並顯示數據時獲取[object Object]

的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);

，這裏是什麼即時得到的圖像。

來源

2017-01-08 Devin Chumley

看起來像一個數據問題，我 - 使用Firebug或開發工具集的網絡選項卡檢查從服務器返回的數據，或僅使用瀏覽器本身向您顯示JSON。 – user2182349

我不知道是否有你需要使用var movieHTML = $("#movies").empty();一個具體的理由，但將與var movieHTML = ''固定的問題，對我來說..
工作codepen：
http://codepen.io/ethanrose/pen/OWVdgP?editors=0010

jQuery .empty函數仍然返回dom對象，沒有任何孩子。所以你var movieHTML實際上是被宣告與[object, object]這是DOM對象「電影」 jQuery的.empty 文檔
https://api.jquery.com/empty/

來源

2017-01-08 02:34:23

非常感謝你，那就是問題所在。我對所有這些東西都很陌生！ –

從omdbapi接收並顯示數據時獲取[object Object]

回答

相關問題