2017-01-21 57 views
-1

我正在製作電影搜索應用程序。這是我第一次使用json。我無法弄清楚爲什麼我的代碼無法正常工作。我有它使用xampp本地主機上運行。 在提交爲什麼我的json獲取請求無法正常工作?

$('.search-form').submit(function (evt) { 
     // body... 
     evt.preventDefault(); 
     var $searchBar = $('#search'); 
     var omdbApi = 'http://www.omdbapi.com/?'; 
     var movieSearchTerm = $searchBar.val(); 
     var searchData = { 
      s:movieSearchTerm, 
      r:json 
    } 

這裏是回調函數

function displayMovies(data) { 
     // for each search result 
     $.each(data.items,function(i,movie) { 
     movieHTML += '<li class="desc">'; 
     //movie title 
     movieHTML += '<a href="' + movie.Title + '" class="movie-title">'; 
     //release year 
     movieHTML += '<a href="' + movie.Year + '" class="movie-year">'; 
     //poster 
     movieHTML += '<img src="' + movie.Poster + '" class="movie-poster"></li>'; 
     $('#movies').html(movieHTML); 
     }); // end each 
     // movieHTML += '</li>'; 
    } 
    $.getJSON(omdbApi, searchData, displayMovies); 
});//end submit 
+1

您的JavaScript控制檯中是否有任何錯誤? – Freez

+0

你可以更具體些嗎?你有什麼錯誤嗎?謝謝 – Christos

+0

這些是我得到的錯誤:app.js:9 Uncaught ReferenceError:json未在HTMLFormElement中定義爲 。 (app.js:9) at HTMLFormElement.dispatch(jquery.js:4670) at HTMLFormElement.r.handle(jquery.js:4338) – thewebgenie

回答

0
r:json 

你犯了一個錯字。

您還沒有創建了一個名爲json變量和服務期望的r值是JSON

字符串文字需要用一對"'包圍。

data.items 

而且JSON返回沒有items,它有Search