Jquery 我的AJAX调用没有检索任何数据，只是；“未定义”；

我在Mashape.com上为一个随机电影引用生成器调用API时，就实现了这一点。我最初的意图是构建一个能够生成圣经引文的应用程序。我正在使用这个市场页面。控制台中没有任何错误，只是：

getNewQuote()
​
arguments: null
​
caller: null
​
length: 0
​
name: "getNewQuote"
​
prototype: Object { … }
​
__proto__: function ()
quote1.js:5:9
OPTIONSXHR
https://uncovered-treasure-v1.p.mashape.com/random
[HTTP/1.1 200 OK 170ms]
GETXHR
https://uncovered-treasure-v1.p.mashape.com/random
[HTTP/1.1 200 OK 178ms]
undefined
quote1.js:13:11
undefined

我不明白为什么我没有检索我在函数displayQuote中调用的数据（文本、上下文）。我做错了什么

Jquery：

  $(document).ready(function() {
      //function to call a quote and bible verse
    function getNewQuote() {
        console.log(getNewQuote);
      $.ajax({
        type: "GET",
        url: "https://uncovered-treasure-v1.p.mashape.com/random",
        data: {},
        dataType: "json",
        success: function displayQuote(data) {
            //display the quote 
          $("#quote").html(data.text);
          console.log(data.text);
          //display the book the bible verse is being taken from 
          $("#author").html("-" + data.context);
          console.log(data.context);
          //commented the Tweet button out until I can get the quotes to work
          //   function tweetQuote() {
          //     var twitterURL =
          //       'https://twitter.com/intent/tweet?hashtags=quotes,freeCodeCamp&related=freecodecamp&text="';
          //     var quote = $("#quote").html();
          //     var author = $("#author").html();
          //     twitterURL += text + " " + context;
          //     $("#tweet").attr("href", twitterURL);
          //   }
        },
        //error message to display if the call does not work
        error: function() {
          prompt("Try again, God is on your side.");
        },
        //Mashape authorization and key
        beforeSend: function setHeader(xhr) {
          xhr.setRequestHeader(
            "X-Mashape-Key",
            "[API-KEY]"
          );
          xhr.setRequestHeader("Accept", "application/json");
        }
      });
    }
    //call a new quote each time the button is clicked
    $("#get-quote").on("click", getNewQuote());
    // console.log(getNewQuote);
  })

---

这是因为您试图访问

data.context

，而API返回的格式是

data.results

results

是一个数组，每个索引上都有记录，因此您需要使用替换ajax

success

函数中的

data.context

和

data.text

语句

data.results[0].context;

及

分别

如果有多条记录通过API返回，那么您需要像这样使用

for in

循环

var results = data.results;

for (result in results) {
    console.log(data.results[result].context);
}

---

为您添加了一个答案，看看它是否有帮助。在服务器端是什么？在PageReady上，ajax内容可能还不可用。啊，是的，我确实看到我在控制台日志中获得了数组和相关信息，但不知道如何解析它。非常感谢你！成功了！欢迎您@Angel，如果答案对您有效，请务必将其标记为正确答案。

var results = data.results;

for (result in results) {
    console.log(data.results[result].context);
}