Wie XMLHttpRequest in Javascript

Question

Schleife Ich habe eine zufällige Wort App mit einer API von Setgetgo.com erstellt. Mein Problem ist nach, der "Fetch Random Word" Knopf ist gedrückt, die Iteration ist abgeschlossen. Ich möchte, dass der Benutzer jedes Mal, wenn er auf die Schaltfläche klickt, ein zufälliges Wort erhält, anstatt auf die Schaltfläche "Neu starten" zu klicken, die ich erstellt habe. Ich habe nach Antworten gesucht, wie man den api-Anruf in eine Schleife bringt, aber nichts aufdeckt.

Ich habe versucht, den gesamten Codeblock in eine Formularschleife zu legen (für (var i = 0; i < [die Funktion] .length; i ++), habe ich versucht, es am Ende des zu setzen Code erneut auszuführen, und ich habe auch versucht, es in der „Loadtext“ Funktion nisten Jede Art, wie ich es versuchen, es nicht für mich gehen

Hier ist mein Javascript-Code:..

var ourRequest = new XMLHttpRequest(); 

//GET A RANDOM WORD// 
ourRequest.open('GET', 'http://setgetgo.com/randomword/get.php'); 

var word = ourRequest.onload = function(){ 
    document.getElementById('btn1').addEventListener('click', loadText); 
    function loadText(){ 
     document.getElementById("word").innerHTML = ourRequest.responseText; 
    } 
}; 

ourRequest.send(); 

Alle Ideen, Stack Overflow Freunde?

Answer 1

Sie müssen die API bei jedem Klick aufrufen, wie folgt:

function loadWord() { 
    var ourRequest = new XMLHttpRequest(); 
    ourRequest.open('GET', 'http://setgetgo.com/randomword/get.php'); 
    ourRequest.onload = function(){ 
     document.getElementById("word").innerHTML = ourRequest.responseText; 
    }; 
    ourRequest.send(); 
} 

document.getElementById('btn1').addEventListener('click', loadWord);