[AJAX] récupérer une valeur depuis responseText

Version imprimable

10/10/2007, 16h10
Ministar

[AJAX] récupérer une valeur depuis responseText

Bonjour!
Lorsque j'affiche mon xhr.responsetext ca me donne la valeur qui été inscrite dans ma page php.
Par contre lorsque je fait reponse=whr.responsetext là rien ne se passe!
Pourquoi?
10/10/2007, 16h46
kangaxx

reponse=whr.responsetext ==> reponse=xhr.responsetext plutot ?
10/10/2007, 16h48
Ministar

oui j'ai fait la faute en tapant mon sujet mais pas dans mon code!
10/10/2007, 16h55
E.Bzz

Bonjour,

Citation:

Envoyé par Ministar

Par contre lorsque je fait reponse=whr.responsetext là rien ne se passe!

Si !
Tu as affecté la chaine de caractères retournée par Ajax à la variable "reponse".
Disons plutôt que rien ne se "voit" ;)
Mais tu peux ensuite utiliser cette variable (globale ?) pour traiter la réponse d'Ajax ...

A+

pour eclairsir un peu les choses voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
function actualiser_info()
{
  //Création de l'objet xhr-----------------------------------------------------
var reponse="";  
var xhr= null;
  if(window.XMLHttpRequest) // Firefox
  {  xhr= new XMLHttpRequest(); }
  else if(window.ActiveXObject) // Internet Explorer
  {  xhr = new ActiveXObject("Microsoft.XMLHTTP"); }
  else
  { // XMLHttpRequest non supporté par le navigateur
   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
   return;
  }
  //----------------------------------------------------------------------------

  //Ouvre la connexion au serveur en précisant le type de données :
  xhr.open('GET','./script/actualisationminute.php',true);
  //On associe à une varible un contenue, ici pour le contenu de la page :
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

  // On regarde les changement d'état de l'objet xhr
  xhr.onreadystatechange = function attente(){  // l'état est à 4, requête reçu !
                                                if(xhr.readyState == 4)
                                               { reponse=xhr.responseText; }
                                             }
  // Envoi la requete xhr au serveur :
  xhr.send(null);
  //if(reponse=="roui")
  //{ window.location.replace("../../index.php"); }

  return;
}

Edit : le problème est que ca ne passe jamais dans ma condition et que lorsque j'affiche ma variable reponse dans un alert je n'ai aucun message!

Il me semble que tu testais "reponse" au mauvais endroit.
As-tu essayé
Code:

1 2 3 4 5 if(xhr.readyState == 4) { reponse=xhr.responseText; if(reponse=="roui") window.location.replace("../../index.php"); }
?

A+

10/10/2007, 17h27
Ministar

:evilred: 2h de perdu pour une connerie comme ca, ca donne envie de programmer :p

Je te remerci, c'était ça!! :king:

Par contre, pourquoi ca fonctionne comme cela et pas comme je l'avais fait avant?
10/10/2007, 17h34
E.Bzz

Citation:

Envoyé par Ministar

Par contre, pourquoi ca fonctionne comme cela et pas comme je l'avais fait avant?

Entre autre parce que "reponse" est une variable locale (de ta fonction actualiser_info() )
Or, du fait de l'appel asynchrone, lorsque ta fonction attente() sera exécutée, tu ne sera plus dans la fonction actualiser_info().

De plus, tu testais "reponse" au moment de (enfin : immédiatement après) la déclaration de la fonction attente(), et non de son exécution.
A ce moment là, Ajax n'avait pas encore répondu ...

A+
10/10/2007, 17h47
Ministar

Merci!
J'ai un autre problème (avec IE6 uniquement)
Ca doit provenir du cache.
En fait je fait une requête AJAX qui va interoger un fichier php pour faire resortir une liste d'utilisateur.
Le fichier php est appellé toutes les 30 secondes.
Pour Firefox tout va bien, l'actualisation des données se fait comme il faut par contre pour IE6 les résultats sont toujours les mêmes, aurait tu une idée pour remédier à ce problème?
10/10/2007, 17h59
E.Bzz

Citation:

Envoyé par Ministar

Pour Firefox tout va bien, l'actualisation des données se fait comme il faut par contre pour IE6 les résultats sont toujours les mêmes, aurait tu une idée pour remédier à ce problème?

Oui, il a été abordé dans le Contributions ;)

A+

Merci pour les infos!

J'ai testé et ca ne change rien...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function liste_actif(num)
{
  //Création de l'objet xhr-----------------------------------------------------
  var xhr= null;
  if(window.XMLHttpRequest) // Firefox
  {  xhr= new XMLHttpRequest(); }
  else if(window.ActiveXObject) // Internet Explorer
  {  xhr = new ActiveXObject("Microsoft.XMLHTTP"); }
  else
  { // XMLHttpRequest non supporté par le navigateur
   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
   return;
  }
  //----------------------------------------------------------------------------
  xhr.open('GET','./script/listeactif.php?a='+num,true);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  xhr.setRequestHeader("Cache-Control","no-cache");
  xhr.onreadystatechange = function attente(){
                                                if(xhr.readyState == 4)
                                                { document.getElementById('listeactif'+num).innerHTML=xhr.responseText; }
                                             }
  xhr.send(null);
  return;
}

10/10/2007, 20h29
denisC

Citation:

Envoyé par Ministar

xhr.setRequestHeader("Cache-Control","no-cache");

Le header doit être mis sur la réponse (ce que le serveur renvoie) et non sur la requête....

Ca doit être comme ceci?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function liste_actif(num)
{
  //Création de l'objet xhr-----------------------------------------------------
  var xhr_liste= null;
  if(window.XMLHttpRequest) // Firefox
  {  xhr_liste= new XMLHttpRequest(); }
  else if(window.ActiveXObject) // Internet Explorer
  {  xhr_liste = new ActiveXObject("Microsoft.XMLHTTP"); }
  else
  { // XMLHttpRequest non supporté par le navigateur
   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
   return;
  }
  //----------------------------------------------------------------------------
  xhr_liste.open('GET','./script/listeactif.php?a='+num,true);
  xhr_liste.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  document.getElementById('listeactif'+num).setRequestHeader("Cache-Control","no-cache");
  xhr_liste.onreadystatechange = function attente(){
                                                if(xhr_liste.readyState == 4)
                                                {
                                                  document.getElementById('listeactif'+num).innerHTML=xhr_liste.responseText;
                                                }
                                             }
  xhr_liste.send(null);
  return;
}

Avec ce code je n'obtient aucunes réponses dans mon div...

11/10/2007, 12h05
E.Bzz

Citation:

Envoyé par Ministar

Ca doit être comme ceci?

Presque !
Exactement comme dans le lien donné (cf. le 1) et le 2) de Fremy)
Dans la fonction Ajax pour le 1)
Directement dans "./script/actualisationminute.php" pour le 2)

A+
11/10/2007, 12h12
E.Bzz

Citation:

Envoyé par E.Bzz

Exactement comme dans le lien donné (cf. le 1) et le 2) de Fremy)

Il s'agit de 2 solutions différentes (1 client + 1 serveur), mais elle peuvent être cumulées ...

A+
11/10/2007, 13h33
Ministar

Merci de votre aide!
Je vais tester la solution coté serveur qui me parait être la meilleur en cas de désactivation du javascript.

Edit : La solution fonctionne à merveille! (je pense que ce n'est pas la dernière fois que je vous soliciterais :p) merci de votre aide!