如何在 Javascript 中循环 XMLHttpRequest

Question

我使用 setgetgo.com 的 API 创建了一个随机词应用程序。我的问题是，按下“获取随机词”按钮后，迭代完成。我希望用户每次单击按钮时都获得一个随机词，而不是单击我构建的“重新开始”按钮。我已经搜索了有关如何将 api 调用放入循环的答案，但什么也没找到。

我尝试将整个代码块放在表单循环中，（对于（var i=0；i

这是我的 javascript 代码：

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

有什么想法吗，Stack Overflow 的朋友们？

Answer 1

您需要在每次点击时调用 API，如下所示：

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