如何訪問，通過點擊按鈕

我需要訪問一個公共報價JSON API，並顯示在我的HTML頁面內容的API響應，我的JQuery的Ajax方法瞭解甚少。但是我的代碼無法將數據轉換爲HTML。請解釋的錯誤與我的代碼如何訪問，通過點擊按鈕

$(".btn-primary").on("click",function(){ 
    $.ajax({ 
     type:"GET", 
     url:"http://quotesondesign.com/wp-json/posts? 
     filter[orderby]=rand", 
     success:function(data){ 
     var post = data.shift(); 
     $("#quote").html(post.content); 
     } 
    }); 
});

來源

2017-07-03 sri ram

在那裏在瀏覽器中使用開發者模式控制檯中看到任何錯誤？你也可以顯示HTML代碼嗎？ – Kixoka

您可以發佈您的HTML？至少在你有#quote和按鈕的地方。我在代碼中看不到任何錯誤。只測試它在本地和正常工作。 –

試試這個：

window.onload = function() { 
    $(".btn-primary").on("click",function(){ 
     $.ajax({ 
      type:"GET", 
      url:"https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1", 
      success:function(data){ 
       $("#quote").append(data[0].content) 
      }, 
      cache: false 
     }); 
    }); 
}

你一個AJAX網址將需要啓動無線「HTTPS」如果你是從一個安全的網站運行這一點，否則，「HTTP」將工作。

此外，您還需要「緩存：假」的一部分，否則它會繼續顯示相同的報價。

來源

2017-07-03 18:19:25 TBowman

如何訪問，通過點擊按鈕

回答

相關問題