JavaScript:如何从同一 URL 获取 "refresh"数据？

Question

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

如何使用纯 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

浏览器正在缓存您的响应。避免这种情况的一个常见技巧是执行请求

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

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