javascript - 使用 AJAX 从 IMDB API 中提取数据

Question

我正在尝试使用 IMDB 的 API 获取给定电影标题的电影年份，然后将年份附加在标题旁边的括号中。

有一些基本的 JS 或 AJAX 东西我搞砸了。任何帮助将不胜感激!

这是我的代码:jsFiddle

HTML

<ol>
    <li>Jaws</li>
    <li>The Lord of the Rings</li>
</ol>

jQuery

function getYear(title)
{
    $.ajax({
      url: "http://www.imdbapi.com/?t=" + title,
        dataType: 'jsonp',
        success: function(data){
            var year = data.Year;
        }
    });

}

$("li").each(function() {
      var text = $(this).text();
      getYear(text);
      $(this).append(" ("+year+")");
});

Answer 1

您的代码正在调用 AJAX 函数，但在异步函数返回之前立即继续更新页面。您需要在 AJAX 函数的回调中包含更新页面的代码，以便在数据准备好时执行。

我已将您的代码修改为:

function getYear(title)
{
    $.ajax({
      url: "http://www.imdbapi.com/?t=" + $(title).text(),
        dataType: 'json',
        success: function(data){
            var year = data.Year;
            var text = $( this ).text();
            $(title).append(" ("+year+")");

        }
    });

}

$( "li" ).each(function() {

      getYear(this);
});

在 this fiddle 上成功运行