单击按钮后获取 Blogger post

Get Blogger post after button click

我正在使用 Blogger API,这是我第一次使用 API 和 REST,我卡在这里了...

而不是这样做(来自 Blogger API 的文档):

<div id="content"></div>
<script>
  function handleResponse(response) {
    document.getElementById("content").innerHTML += "<h1>" + response.title + "</h1>" + response.content;
  }
</script>
<script src="https://www.googleapis.com/blogger/v3/blogs/3213900/posts/8398240586497962757?callback=handleResponse&key=YOUR-API-KEY"></script>

...我想在单击按钮后进行调用(因为页面将加载更多元素,而博主的 post 是可选的)。

换句话说,我想在用户单击按钮后获取响应并能够使用它,而不是在加载脚本时获取它。

当用户点击按钮时调用你的函数。

<button onclick="handleResponse()">Response</button>

如何 jQuery ajax 调用 API:

$('#myBtn').click(function() {
    $.ajax({
        url: "https://www.googleapis.com/blogger/v3/blogs/3213900/posts/8398240586497962757?key=YOUR-API-KEY",
        dataType: "json",
        success: function(data, status, xhr) {
            // work with returned data
        },
        error: function(data, status, xhr) {
            // do stuff with error
        }
    });
});

数据类型当然可以根据您期望从服务器返回的内容进行更改。