Question

我在Mashape.com上为随机电影报价生成器调用API时有这个工作。我的初衷是构建一个可以生成圣经引号的应用程序。我正在使用这个市场页面https://market.mashape.com/acg/uncovered-treasure#random。我在控制台中没有收到任何错误，只是这样：

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

Answer 1

这是因为您尝试访问data.context，而API则以data.results格式返回。

results是一个数组，其中包含每个索引的记录，因此您需要使用

替换ajax data.context函数中的data.text和success语句

data.results[0].context;

和

data.results[0].text;

分别

如果有多个记录通过API返回，那么你需要像这样使用for in循环

var results = data.results;

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

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

1 个答案: