XMLHttpRequest ne fonctionne pas

Question

Le code suivant que j'utilise pour mettre à jour dynamiquement l'élément TextArea dans mon HTML toutes les 2 secondes sans recharger la page. Cependant, le alert(request.readystate) renvoie undefined au lieu d'un nombre 1-4. Quand j'ai essayé if(request) alert("Request object") il alerte l'utilisateur "demande l'objet" comme prévu. Je n'ai aucune idée pourquoi cela ne fonctionne pas et j'ai essayé de comprendre cela pendant des heures!

Mon code:

<script type="text/javascript"> 

    function init(){ 
     var url="http://www.suchandsuch.net/ChatBowl/text.txt"; 
     var request= new XMLHttpRequest(); 
     request.open("POST",url,true); 
     alert(request.readystate); 
     request.onload= function(){ 
     if (request.readystate ==4 && request.status == 200){ 
      document.getElementById('textarea').innerHTML=request.responseText; 
     } 
     } 
     request.send(null); 

    } 


    var int=self. setInterval('init()', 2000); 

    </script> 

J'apprécie toute aide.

Answer 1

JavaScript est sensible à la casse et vous avez tapé le mauvais readyState:

readyState pas readystate

MSDN docs

Et la fonction de rappel doit être attribué à onreadystatechange:

var url="http://www.suchandsuch.net/ChatBowl/text.txt"; 
var request= new XMLHttpRequest(); 
request.onreadystatechange = function(){ 
    alert(request.readyState + " " + request.status); 
    if (request.readyState ==4 && request.status == 200) 
      document.getElementById('textarea').innerHTML=request.responseText; 
    }; 

request.open("POST", url, true); 
alert(request.readyState); 

request.send();

Answer 2

peut-être au lieu de

request.onload= function(){ 

essayer

request.onreadystatechange = function(){