調用時無法執行Javascript函數

Question

我有以下代碼：

function firstQuote(){
  jQuery.ajax({
    url: "https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&_jsonp=mycallback",
    type: 'GET',
    dataType: "jsonp",
  }); 

  function mycallback(json){
    document.getElementById('quote').innerHTML = json[0].content;
  }
};
window.onload = firstQuote;

這是一個簡單的函數，但未執行。 如果我將代碼放在函數之外，則可以正常工作。 我現在堅持了一段時間。 拜托，有人可以幫我嗎？

Answer 1

您正在嘗試在firstQuote函數中定義回調。 （如果您查看錯誤控制台，則會看到“ [Error] ReferenceError：找不到變量：mycallback”。）將這些函數分開，以將mycallback放在全局范圍內：

 function mycallback(json) { document.getElementById('quote').innerHTML = json[0].content; } function firstQuote() { jQuery.ajax({ url: "https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&_jsonp=mycallback", type: 'GET', dataType: "jsonp", }); }; window.onload = firstQuote; 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="quote"></div>