AJAX pose problème Résolu/Fermé

Question

Salut, 
J'ai un problème bizarre: j'ai un code qui marche prèsque correctement, mais lorsque j'appelle la fonction AJAX('file.txt'), une erreur surgit : 
Uncaught Error: INVALID_STATE_ERR: DOM Exception 11
Pourtant le fichier file.txt est correctement retourné !

Voici mon code :

   function getXMLHttpRequest(){
      var xhr = null;
   
      if(window.XMLHttpRequest || window.ActiveXObject){
         if(window.ActiveXObject){
            try{
               xhr = new ActiveXObject('Msxml2.XMLHTTP');
            }
            catch(e){
               xhr = new ActiveXObject('Microsoft.XMLHTTP');
            }
         }
         else{
            xhr = new XMLHttpRequest();
         }
      }
      else{
         alert('Votre navigateur ne supporte pas l\'objet XMLHttpRequest...');
         return null;
      }
      return xhr;
   }
   
   var AJAXMemory;
   function AJAX(file,callBack){
      var xhr = getXMLHttpRequest();
      xhr.onreadystatechange = function() {
         if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
            AJAXMemory = xhr.responseText;
            eval(callBack);
         }
         else{
            AJAXMemory = 'Erreur ' + xhr.status;
         }
      }
      xhr.open('GET', file, false);
      xhr.send(null);
      return AJAXMemory;
   }

// UTILISATION : mondiv.innerHTML = AJAX("fichier.txt","alert('callBack')")

Vous arrivez à m'expliquer pourquoi cette erreur vient me perturber, et ce qu'il me faut changer dans mon code ?

Configuration: Windows 7 / Chrome 16.0.912.63

Anoen · Answer

Bonjour,

Sais-tu à quel moment précis dans la fonction AJAX il te renvoie cette erreur ?

jlemonde · Answer

Non, pas tellement.
Je vais essayer de trouver...

jlemonde · Answer

J'ai l'impression que c'est les fonction open() et send() car en les supprimant, il n'y a plus d'erreur. Mais évidement la fonction retourne undefined : elle ne fonctionne pas.

Anoen · Answer

Où est ton responseText ?

jlemonde · Answer

var AJAXMemory;
   function AJAX(file,callBack){
      var xhr = getXMLHttpRequest();
      xhr.onreadystatechange = function() {
         if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
            AJAXMemory = xhr.responseText; // Il est ici...
            eval(callBack);
         }
         else{
            AJAXMemory = 'Erreur ' + xhr.status;
         }
      }
      xhr.open('GET', file, false);
      xhr.send(null);
      return AJAXMemory;
   }

avion-f16 · Answer

Salut,

UTILISATION : mondiv.innerHTML = AJAX("fichier.txt","alert('callBack')")
La fonction AJAX() ne retourne rien, elle ne fait qu'exécuté le callback.

Mais l'erreur ne provient pas de là.
Essaie en ajoutant quelques console.log() par-ci par-là.
Par exemple, au début du bloc « onreadystatechange » pour "loguer" les valeurs de xhr.status et xhr.readyState.

jlemonde · Answer

Mais si, la fonction AJAX() retourne le contenu du fichier très bien.
À moins que tu n'aies pas mis la fonction « getXMLHttpRequest() »...

Tu dis qu'il faut loguer les valeurs de xhr.status et xhr.readyState,  mais comment ??

avion-f16 · Answer

Pourrais-tu mettre le code en ligne ?

Alain_42 · Answer

et comme ça: 

  var AJAXMemory; 
   function AJAX(file,callBack){ 
      var xhr = getXMLHttpRequest(); 
      xhr.onreadystatechange = function() { 
         if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) { 
            AJAXMemory = xhr.responseText; 
            eval(callBack); 
         } 
         else{ 
            AJAXMemory = 'Erreur ' + xhr.status; 
         } 
    
   document.getElementById('id_de_mondiv').innerHTML = AJAXMemory; // 
      } 
      xhr.open('GET', file, false); 
      xhr.send(null); 
       
   }

et tu lances l'appel de la fonction AJAX (.. 

sur un événement

avion-f16 · Answer

Le problème est créé par cette ligne :
AJAXMemory = 'Erreur ' + xhr.status;

Connaître le statut n'a pas vraiment d'intérêt lorsque la requête n'est pas terminée ...

jlemonde · Answer

Merci avion-f16 !!
En modifiant AJAXMemory = 'Erreur ' + xhr.status; par AJAXMemory = 'Erreur ';, il n'y a plus d'erreur...
Mais pourquoi demander un xhr.status revoit-t-il une erreur ??

AJAX pose problème

11 réponses

Discussions similaires