Javascript 使用AJAX从imdbapi中提取数据

我正在尝试使用IMDB的API获得一部电影的片名，然后在片名旁边的括号中加上年份

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

这是我的代码：

HTML

---

您的代码正在调用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);
});

---

这在

可能重复的《谢谢你》上成功运行，现在你这么说完全有道理。我在尝试使用此解决方案时遇到了“跨源请求被阻止”的情况，但如果我使用此网站，它似乎确实有效

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+")");
});

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