如何访问，通过点击按钮

我需要访问一个公共报价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

如何访问，通过点击按钮

回答

相关问题