javascript - XMLHttpRequest readState 停止于 1

Question

我完成的这段代码遇到了一些问题:

function server_status() {
    setInterval(function(){
        var xhr = new XMLHttpRequest();
        xhr.open('GET', 'http://mcapi.sweetcode.de/api/v2/?info&ip=jogar.millenarycraft.com', true);
        xhr.onreadystatechange = new function(){
            document.getElementById("server_counter").innerHTML = 'ReadyState: ' + xhr.readyState;
            if (xhr.readyState == 4) {
                data = JSON.parse(xhr.responseText);
                if(data.status){
                    document.getElementById("server_counter").innerHTML = '<span>Jogadores online: <span style="color:#FD7C00;">' + data.player.online + '</span></span>';
                }else{
                    document.getElementById("server_counter").innerHTML = '<span style="color:#FD7C00;">Servidor offline!</span>';
                }
            }
        }
        xhr.send();
    }, 1000);
}

它位于脚本标记内并且也可以工作，但我仅在 document.getElementById("server_counter").innerHTML = 'ReadyState: ' + xhr.readyState; 上遇到问题。我注意到 readystate 在 1 处停止，但我不知道为什么!谁能帮我吗？

PS:问题不在于url，因为我做了一个PHP版本并且运行得很好。我只想使用 JavaScript，因为我需要在特定时间不刷新页面的情况下更新值。

Answer 1

我认为您遇到了意外错误:

xhr.onreadystatechange = new function(){

更改为:

xhr.onreadystatechange = function(){

new 肯定不应该存在。我认为您的函数在调用 xhr.send() 之前被调用一次，因此 xhr.readyState 是 1。