无法访问单个JSON值/ jQuery-Ajax

时间:2016-06-08 01:43:30

标签: jquery

我正在开发一个网页,该网页使用来自某个网​​站的API生成随机引号。我试图使用AJAX / jQuery来访问API提供的JSON。我尝试了一百万种不同的东西,但对于我的生活,我无法通过他们的ID访问JSON的值。我可以访问整个JSON。但我似乎无法访问个人价值观。

此代码......

function init() {
var $data = $('#data');

$.ajax({
  url: 'https://andruxnet-random-famous-quotes.p.mashape.com/?cat=famous',
  type: 'GET',
  datatype: 'json',
  success: function(data) {
     $.each(JSON.parse(data),function(i, quote) {
       $data.append('<p class="text-center"> '+quote+ '</p>');
     });
   },
   error: function(err) { alert(err); },
   beforeSend: function(xhr) {
     xhr.setRequestHeader("X-Mashape-Authorization"");
    }
  });
}
window.onload = init;

这将返回所有值,并且格式正确。但它回馈了所有这些。我不想要最后一个,我希望能够通过ID单独访问每个值。

{
  "quote": "Once you eliminate the impossible, whatever remains, no matter how    improbable, must be the truth.",
  "author": "Sherlock Holmes",
  "category": "Famous",  
}

以上是JSON的样子。我只想访问前两个值。我什么时候尝试用类似的东西来访问它们。

$.ajax({
  url: 'https://andruxnet-random-famous-quotes.p.mashape.com/?cat=famous',
  type: 'GET',
  datatype: 'json',
  success: function(data) {
    document.write('<p>' + data.quote + '</p>');
  },
  error: function(err) { alert(err); },
  beforeSend: function(xhr) {
    xhr.setRequestHeader("X-Mashape-Authorization", "");
  }
}); 

我已经尝试了一百万种不同的东西,但无论我做什么,我都无法通过ID访问JSON的值。这是我绝对第一次搞乱使用Web API所以我必须遗漏一些东西。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

这样的事情有用吗?

...
success: function(data) {
   var items = JSON.parse(data);
   $data.append('<p class="text-center"> '+ items[0].quote + '</p>');
},
...