javascript - 如何获取 moviedb.org API 的元素并将其与 Jquery 一起使用

Question

我使用 themoviedb.org API 来获取电影内容，如描述、标题、图像等。使用搜索框，我输入电影名称，然后得到以下值，如下图所示:

我想获取其中一些元素(每个对象的)并在我的网站中使用它们。例如，我如何获取数组的图像和描述元素？图像 URL 的示例如下:https://image.tmdb.org/t/p/w500/kqjL17yufvn9OVLyXYpvtyrFfak.jpg

API文档:https://www.themoviedb.org/documentation/api
我的代码如下所示:

   function search()
{
    var movieTitle = $('#search_field').val();
    var str1 = "https://api.themoviedb.org/3/search/movie?include_adult=false&page=1&query=";
    var str2 = "&language=en-US&api_key=XXXX";
    var searchResult = str1+movieTitle+str2;

    var settings = 
    {
        "async": true,
        "crossDomain": true,
        "url": searchResult,
        "method": "GET",
        "headers": {},
        "data": "{}"
    }

    $.ajax(settings).done(function (response) {
    console.log(response);
    console.log("Here is the generated url:"+searchResult);

});
}

Answer 1

只需使用一个简单的循环即可获取每部电影的概述和海报图像，然后对它们进行任何您想要的操作。

$.ajax(settings).done(function (response) {
  var results = response.results;
  for(var i=0; i < results.length; i++) {
     var movie = results[i];
     var description = movie.overview;
     var image = 'https://image.tmdb.org/t/p/w500' + movie.poster_path;
     // Display the description and image
  }
});