使用AJAX/Jquery解析JSON

到目前为止，我的代码如下所示：

    $(document).ready(function(){
     $.ajax({
      type: "GET",
      url: "http://content.guardianapis.com/search?q=world%20&api-key=4dftzq5rzqbkc7h3b3epsgem",
      dataType: "JSON",
      cache: false,
      success: function (data){
        console.log(data);
      }
    });
});

我现在不知道如何从api调用实际内容。 JSON看起来像：

    $(document).ready(function(){
     $.ajax({
      type: "GET",
      url: "http://content.guardianapis.com/search?q=world%20&api-key=4dftzq5rzqbkc7h3b3epsgem",
      dataType: "JSON",
      cache: false,
      success: function (data){
        console.log(data);
      }
    });
});

---

当文档准备就绪时，您正在调用api

通过访问data.response.results，可以用响应的当前结果填充列表

$document.readyfunction{ $.ajax{ 类型：GET， 网址：http://content.guardianapis.com/search?q=world%20&api-键=4dftzq5rzqbkc7h3b3epsgem， 数据类型：json， cache:false， 成功：functiondata{ 控制台日志数据； 对于变量i=0；i $document.readyfunction{ $.ajax{ 类型：GET， 网址：http://content.guardianapis.com/search?q=world%20&api-键=4dftzq5rzqbkc7h3b3epsgem， 数据类型：JSON， cache:false， 成功：functiondata{ console.logdata；//已分析对象 console.logdata.response；//尝试访问您的属性。 } }; };

---

问题是，您想要归档什么？数据应该是一个已经包含您所需的所有内容的对象。您现在可以执行以下操作：

---

data.response.results[0].webTitle

您的代码正在运行：成功回调中的data.response将生成请求的数据。感谢您的帮助！然而，当我把这些代码放到我的代码中时，它仍然没有显示在我的网站上。你在谷歌浏览器控制台中有错误吗？它现在可以工作了，谢谢！！我还想知道，有没有一种方法可以从每篇文章中获取图片来展示呢？嗯，使用实际的json数据，您无法从每篇文章中获取图片。