JavaScript：如何从相同的网址“刷新”数据？

Question

拥有此API： http : //quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1

如何在单击事件后使用纯JS请求编写可下载不同数据的纯JS请求？

我从这段代码中得到的一直都是相同的引用：

function getQuote (cb) {
 var xmlhttp = new XMLHttpRequest();
 var quoteURL = "http://quotesondesign.com/wp-json/posts?filter[orderby]=rand"
 xmlhttp.onreadystatechange = function() {
    if (xmlhttp.status == 200 && this.readyState==4) {
        cb(this.responseText);
    } 
};
    xmlhttp.open("GET", quoteURL, true);
    xmlhttp.send();
}

document.querySelector('button').addEventListener("click", function() {
    getQuote(function(quote) {
        console.log(quote);
    });
})

我尝试了xmlhttp.abort（）和其他东西，但它不想合作。 提前致谢！

Answer 1

这是一个缓存问题。 添加时间戳记作为查询参数，您应该可以破坏缓存。

Answer 2

您的回复正在被浏览器缓存。 避免这种情况的常见技巧是执行请求

http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&r={random_number}

请注意，r = {random_number}每次都会使URL不同。