使用JSON，AJAX和JQuery检索并显示Guardian API

我试图通过使用他们的API从监护人检索新闻标题。如前所述，我使用JSON，AJAX和Jquery。我的jquery代码如下。使用JSON，AJAX和JQuery检索并显示Guardian API

$(document).ready(function() { 
$.ajax({ 
    type: "GET", 
    dataType: "jsonp", 
    cache: false, 
    url: "https://content.guardianapis.com/search?api-key=xxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxx", 
    success: function(data) { 
     for (var i = 0; i < data.response.results.length; i++) 
     { 
     $('#head-article').append("<h1>" + data.response.results[i].webTitle + "</h1>"); 
     } 
     console.log(data); 
     } 
    }); 
});

我哪里错了？在此先感谢

来源

2016-11-25 karlb123

该代码适用于我原样。你在控制台中看到什么？任何错误？我假设你有一个'id =“head-article”'元素？ https://jsfiddle.net/khrismuc/L6130jec/ –

请更新您的问题与错误消息。 –

HI - 是的，我做

– karlb123

对于初学者，您只是在公共论坛上分享了您的API密钥。这可能是一个禁忌。

刚刚在jsFiddle中测试过，我没有看到任何问题，代码返回了10个结果。您需要检查您的HTML元素head-article的ID，并且需要确认您在浏览器调试器控制台中获得的结果。

来源

2016-11-25 00:22:13

使用JSON，AJAX和JQuery检索并显示Guardian API

回答

相关问题