Discussion :

[yves51]

Bonjour,

Je voudrais accéder à un fichier php via un XMLHttpRequest, mais celui-ci ne se crée pas...

Y-a-t'il une bibliothèque à charger avant ? Ou quelque chose de mal fait ?

Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 function AfficheCoordonnees(idClient, idAgent){
 
                   xhr = new XMLHttpRequest(); 
                // Ici on va voir comment faire du post
                xhr.open("GET","../php/ajax-coord.php",true);
                // ne pas oublier ça pour le post
                xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
                // ne pas oublier de poster les arguments
                xhr.send("idClient="+idClient+"&idAgent="+idAgent);
 alert(xhr.status);
            }

Aucune consultation du fichier ajax-coord.php, et l'alerte me renvoie sans cesse "0"....

Pouvez-vous m'aider svp ?

Merci d'avance

[Toufik83]

Salut,

Le retour de l'objet XMLHttpRequest doit être géré dans le callback readystatechange et pas ailleurs :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
xhr.onreadystatechange = function () {
  if(xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
}
xhr.send("idClient="+idClient+"&idAgent="+idAgent);

[Watilin]

Y-a-t'il une bibliothèque à charger avant ?

Non, XMLHttpRequest est pris en charge nativement par tous les navigateurs.

Ou quelque chose de mal fait ?

À tout hasard, si ton script est en mode strict, alors ton instruction xhr = ... échoue car la variable n’est pas déclarée. Dans tous les cas, je te conseille de passer en mode strict, surtout si du débutes, ça ne coûte pas grand chose et ça fait prendre de bonnes habitudes

[yves51]

Merci pour les conseils

[yves51]

J'ai pu avancer, le fichier ajax-coord.php est effectivement ouvert avec les paramètres, mais j'ai toujours un pb : à aucun moment je ne me retrouve dans la condition
if(xhr.readyState == 4 && xhr.status == 200)

Quand je lance la fonction, j'obtiens une alerte (

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(xhr.readyState + " - " + xhr.status

)) avec "4 - 0" - mais jamais je n'obtiens le 'ok'.

D'où cela peut venir ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function AfficheCoordonnees(idClient, idAgent){
 
var xhr = getXhr();
 
xhr.open("POST","../php/ajax-coord.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("idClient="+idClient+"&idAgent="+idAgent);
 
 
xhr.onreadystatechange = function()
    {
     alert(xhr.readyState + " - " + xhr.status);
     if(xhr.readyState == 4 && xhr.status == 200)
     {
     alert('ok');
     }
    }
}

[yves51]

D'autre part, même si la requête d'enregistrement d'une nouvelle ligne fonctionne dans le fichier php, je renvoie ensuite un texte à l'aide d'un echo.

Cependant aucune valeur ne ressort de xhr.responseText...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
       if(xhr.readyState == 4 )
     {
     alert(xhr.responseText);
     }

L'alerte fonctionne, mais elle est vide...

[Watilin]

Quand status = 0, ça signifie que la requête n’est pas partie, sinon tu aurais un code serveur, même en cas d’erreur (par exemple 404). Souvent c’est le signe que la requête a été bloquée par la politique de même origine (same origin policy), et dans ce cas tu aurais un message d’erreur dans la console.

Au risque d’enfoncer des portes ouvertes, vérifie également que tu es bien en http: (ou https:) sur un serveur local. Si tu es en file:, ne cherche pas plus loin, le problème est là

Sinon, je m’écarte un peu du sujet mais j’ai remarqué que tu as modifié les triple-égal (===) de Toufik83. Il faut savoir que le double-égal en JavaScript est traître : il fait de la conversion implicite de type, et peut causer des résultats inattendus. Pour éviter de futurs maux de tête, prends l’habitude d’utiliser le triple-égal, c’est ton ami (Plus de détails : Opérateurs de comparaison)