JavaScript: Wie "refresh" Daten von derselben URL?

Question

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

Wie kann ich mit reinem JS Anfrage schreiben, die mir verschiedene Daten nach Schaltfläche Click-Ereignis herunterlädt?

Alles, was ich von diesem Code erhalten, ist das gleiche Angebot die ganze Zeit:

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); 
    }); 
}) 

Ich versuchte xmlhttp.abort() und Sachen, aber es hat nicht zusammenarbeiten wollen. Vielen Dank im Voraus!

Answer 1

Ihre Antwort wird vom Browser zwischengespeichert. Ein gemeinsamer Trick, um dies zu vermeiden, ist eine Anforderung an

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

Hinweis auszuführen, wie der r = {} random_number wird die URL jedes Mal anders machen.

Answer 2

Dies ist ein Cache-Problem. Fügen Sie einen Zeitstempel als Abfrageparameter hinzu, und Sie sollten in der Lage sein, den Cache zu zerstören.