Onload est égal à readyState == 4 dans XMLHttpRequest?

Question

Je suis confus au sujet de l'événement de retour xhr, comme je peux le dire, il n'y a pas tellement de différence entre onreadystatechange -> readyState == 4 et onload, est-ce vrai?

 var xhr = new XMLHttpRequest();
xhr.open("Get", url, false);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4)
    {
        /* do some thing*/
    }
};

xhr.send(null);
 

ou

 xhr.onload = function() { /* do something */ }
 

Answer 1

C'est presque toujours vrai. Une différence notable, cependant, est que la onreadystatechange gestionnaire d'événements aussi se déclenche avec readyState==4 dans le cas où la onerror gestionnaire est généralement déclenchée (typiquement un problème de connectivité réseau). Il obtient un statut de 0 dans ce cas. J'ai vérifié ce qui se passe sur le dernier Chrome, Firefox et IE.

Donc, si vous utilisez onerror et ciblent les navigateurs modernes, vous ne devez pas utiliser onreadystatechange mais doit utiliser onload au lieu de cela, ce qui semble être garanti qu'à être appelée lorsque la requête HTTP a terminé avec succès (avec une vraie réponse et le code d'état). Sinon, vous pourriez finir par deux gestionnaires d'événements déclenchés en cas d'erreurs (ce qui est la façon dont je empiriquement constaté à propos de ce cas particulier.)

Answer 2

Ce devrait être la même chose. onload été ajouté dans XMLHttpRequest 2 alors que onreadystatechange existe depuis la spécification d'origine.