Question

我需要访问公共引用JSON API并在我的HTML页面中显示内容，我对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);
      }
   });
});

Answer 1

试试这个：

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网址需要启动wi＆＃34; https＆＃34;如果你是从一个安全的网站运行它，否则，＆＃34; http＆＃34;会工作的。

此外，您还需要＆＃34;缓存：false＆＃34;部分，否则它将继续显示相同的报价。

如何通过按钮单击访问API响应

1 个答案: