我正在尝试调用 ajax 请求,直到它返回一个真值。我尝试了以下代码,但它没有返回任何结果,也没有在控制台中出现错误。知道我做错了什么吗?

function getUserData() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "http://api.example.com/data.json", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4) {
    var resp = JSON.parse(xhr.responseText);
    return resp.status;
  }
}
xhr.send();
}

setInterval(function () {
if (getUserData() === "true") {
   alert("true");
}
}, 10000);

最佳答案

getUserData 在内部调用一个异步函数,所以它在 AJAX 调用实际完成之前很久就已经返回了。

不要在 setInterval 循环中执行此操作,您可能希望在失败情况下再次尝试调用 getUserData。例如:

function getUserData() {
    var xhr = new XMLHttpRequest();

    xhr.open("GET", "http://api.example.com/data.json", true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4) {
            var resp = JSON.parse(xhr.responseText);
            if (resp.status) {
                alert("true");
            } else {
                setTimeout(getUserData, 10000);
            }
        }
    }
    xhr.send();
}

getUserData();

关于javascript - 重复函数直到真,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13466693/

10-12 01:29
查看更多