clearInterval funktioniert nicht mit XMLHttpRequest

Question

Ich versuche, das Ergebnis, das nächste Mal des Spiels in der Datenbank zu bekommen. Ich habe XMLHttpRequest mit 5s Verzögerung von setInterval zum Abrufen von Daten verwendet. Wenn der Status der Anfrage 200 ist. Der Code funktioniert gut. Wenn der Status jedoch nicht 200 ist, funktioniert ClearInterval nicht, aber console.log funktioniert weiterhin.

var _resInterval; 
_resInterval = setInterval(function() { 
    var xhr = new XMLHttpRequest(); 
    xhr.open("POST", "/index.php/forms/getDDResult/" + id, true); 
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 

    xhr.onload = function() { 
    if (xhr.status === 200) { 
     var _resp = JSON.parse(xhr.responseText); 
     console.log(_resp); 

     if (parseInt(_resp.interval) >= 0) { 
     clearInterval(_resInterval); 
     restartGame(parseInt(_resp.interval)); 
     } 
    } else { 
     console.log("error"); 
     clearInterval(_resInterval); 
    } 
    }; 
    xhr.send(); 
}, 5000); 

UPDATE: rekursive Funktion

function getGameResult() { 
    var xhr = new XMLHttpRequest(); 
    xhr.open("POST", "/index.php/forms/getDDResult/" + id, true); 
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 

    xhr.onload = function() { 
    if (xhr.status === 200) { 
     var _resp = JSON.parse(xhr.responseText); 
     console.log(_resp); 

     if (parseInt(_resp.interval) >= 0 && _resp.result != "Not available") { 
     restartGame(parseInt(_resp.interval)); 
     } else { 
     setTimeout(function() { 
      getGameResult(); 
     }, 5000); 
     } 
    } 
    }; 
    xhr.send(); 
} 

Bin ich es richtig tun, oder sollte ich es rekursive Funktion ändern? Vielen Dank.

- Lara

Answer 1

Das Problem ist, dass es eine Möglichkeit ist, wo die clearInterval genannt wird und ein XHR eine Antwort aussteht. Wenn der Browser die Antwort erhält, ist der Timer schon lange vorbei, muss aber noch die Antwort verarbeiten.

Wenn Sie möchten, dass Ihr periodisches XHR auf die Antwort des vorherigen wartet, bevor es einen anderen startet, ist das rekursive setTimeout eine bessere Option.