[AJAX] readyState reste bloqué à 1

Version imprimable

13/10/2008, 12h45
Simon30

[AJAX] readyState reste bloqué à 1

Bonjour tout le monde,

J'ai un problème que j'arrive pas à cerner, en fait j'envoie mes paramètres par un POST et j'attends la réponse que je reçois jamais.

Pire, mon readyState reste bloqué à un!

Je suis pas un grand expert en javaScript alors je sais d'où ça vient mon problème.

Si vous pouvez déjà me dire ça veut exactement quoi le readyState==1 ça serait pas mal. Moi je comprend par ça que ma demande est envoyée et que je dois attendre la retour du serveur.

Quand je vérifie les logs d'accès je vois que j'ai bien les fameux 200 et 4 qui me font rêver.

Qu'en pensez-vous?

Merci
Simon
13/10/2008, 13h09
Bovino

readyState==1 correspond au début de transfert des données.
Pour le reste... comment sais-tu que tu restes bloqué à 1 et que tes logs sont correctes ?
A quoi ressemble ton code ? As-tu Firebug installé et si oui, que te dit-il ?
13/10/2008, 13h29
Simon30

readyState bloqué sur 1
Je sais que tout va bien au niveau des logs car je consulte les logs d'apache et je lis ce qui est écris, alors je trouve l'url et à la fin j'ai 200 4.

Je sais que je suis bloqué sur le 1 car j'affiche mon:

this.transport.readyState dans un DIV. A chaque readyStateChange.

Donc j'ai une ligne de ce genre et j'ai peur que cela bloque à ce niveau là:

Code:

this.transport.onreadystatechange=this.reponse;

Et j'ai dans mon objet une methode
Code:

1 2 3 4 5 6 7 reponse:function() { if(this.transport.readystate==4) { if(this.transport.status==200) this.options.oncomplete(); } else $('division').innerHTML=this.transport.readystate; }
Au niveau de Firebug me dit rien... Il m'affiche l'url appelée, les headers, le post ...

Si j'ai un probleme au niveau de ma fonction de traitement de la réponse, vous pensez que cela peut causer mon problème?

Merci Merci
13/10/2008, 13h47
Bovino

A tout hasard, readystate, c'est une faute de frappe ? Car c'est readyState et javascript est sensible à la casse.
13/10/2008, 13h57
Simon30

readyState bloqué sur 1

C'est une erreur de frappe!
13/10/2008, 14h06
Bovino

Ce serait bien que tu mettes plus de code (avec la balise 'code' si possible, bouton '#' de l'éditeur) javascript et html généré...

readyState bloqué sur 1

Je sais pas si cela peut vous inspirer mais en mode synchrone tout marche à merveille.

Voici à quoi ressemble 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
 
 
Ajax.Requete=Class.create();
 
Ajax.Requete.prototype={
 
  demarrage: function(url, options) {
    this.transport = Ajax.getTransport();
    this.setOptions(options);
    this.lancer(url);
    },
 
 
  setOptions: function(options) {
 
             this.options = {
 
                             method:       'post',
                             asynchronous: true,
                             contentType:  'application/x-www-form-urlencoded',
                             encoding:     'UTF-8',
                             parameters:   '',
 
                            }
 
             Object.extend(this.options, options || {});
 
             this.options.method = this.options.method.toLowerCase();
 
             },
 
 
  lancer:function(url) {
    this.url = url;
    this.method = this.options.method;
    this.params = this.options.parameters;
 
    this.transport.open(this.method.toUpperCase(),this.url,this.options.asynchronous);
 
    this.setHeaders();
 
    this.transport.send(this.params);
 
    this.transport.onreadyStatechange=this.reponse();
 
         },
 
 
  setHeaders:function() {
 
       this.transport.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
       this.transport.setRequestHeader('Accept', 'text/javascript, text/html, application/xml, text/xml, */*');
       if (this.method == 'post') { 
       this.transport.setRequestHeader('Content-type', this.options.contentType +'; charset='+ this.options.encoding ); 
       if (this.transport.overrideMimeType && (navigator.userAgent.match(/Gecko\/(\d{4})/) || [0,2005])[1] < 2005) this.transport.setRequestHeader('Connection', 'close');        
           }
 
         },
 
 
  reponse:function() {
 
      if(this.transport.readyState==4) { if (this.transport.status==200) this.options.onComplete.apply(this); }
 
//C'est ici que ça ne change pas du tout, j'ai tjrs 1
 
    else  $('nbrFlash').innerHTML=this.transport.readyState;
 
        }
 
}

Et voila pour lancer ma requête je fais ça:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
 
new Ajax.Requete('infoLive.php',{
 
                                         method:'post', 
                                         asynchronous:true, 
                                         contentType:'application/x-www-form-urlencoded', 
                                         encoding:     'UTF-8', 
                                         parameters: 'pseudo=sarahprincess',
                                         onComplete: function() { alert(this.transport.responseText);}
 
                                         });

Donc Firebug me dit rien du tout.

13/10/2008, 16h15
Bovino

Code:

this.transport = Ajax.getTransport();

getTransport(), c'est quoi ?
13/10/2008, 16h19
Simon30

readyState bloqué sur 1

C'est une methode de l'objet Ajax pour récupérer l'objet XHR suivant le navigateur.

Mais ça marche car en mode asynchrone ça marche.

Simon
13/10/2008, 18h34
witch

Bonjour,

j'ai pensé que cette ligne peut être la source du problème:

Code:

this.transport.open(this.method.toUpperCase(),this.url,this.options.asynchronous);

à vérifier aussi à part :

Code:

this.options.onComplete.apply(this);

:koi:

Citation:

Si j'ai un probleme au niveau de ma fonction de traitement de la réponse, vous pensez que cela peut causer mon problème?

Tout peut causer des problèmes :aie:

++
13/10/2008, 19h14
Simon30

readyState bloqué sur 1

Tout ce que tu viens de me dire marche en mode synchrone sous FF alors je soupçonne pas ces points du tout moi, quoique je puisse me tromper.

A mon avis il faut regarder du coté de this.transport.onreadystatechange c'est le seul nouveau point en asynchrone à mon avis alors...

Mais pourquoi cela passe pas à 2, car pour arriver au 1 il faut envoyer la requete, ce qui est chose faites, bon maintenant peut être qu'il faut envoyer des headers de la part du serveur aussi pour que la communication se passe bien...

A creuser!!
13/10/2008, 21h02
Bovino

Et qu'est-ce que cela donne en supprimant la fonction setHeaders() ?
13/10/2008, 23h56
Simon30

readyState bloqué sur 1
Cela donne toujours la même chose.
Je pense qu'en mode asynchrone ma requete n'est même pas envoyée!

Et en mode synchrone j'arrive à récupérer la réponse sous FF mais pas sous IE (j'ai un commentaire genre l'objet Ajax indéfinit en pointent vers la ligne de mon programe qui contient:
Code:

1 2 new Ajax.Requete('infosLive.php',....);
J'éspère qu'on va résoudre ce problème.
Biz
Simon

Tu utilises Prototype, la création de classe se fait plutôt comme ça :

Code:

Ajax.Requete=Class.create({hash des methodes});

Il m'est déjà arrivé avec Prototype d'avoir des soucis pour utiliser certaines fonctions natives js... c'est peut-être une piste !

Citation:

J'éspère qu'on va résoudre ce problème.

Oui, il n'y a pas de raison

EDIT :

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
Ajax.Requete=Class.create({
 
  demarrage: function(url, options) {
    this.transport = Ajax.getTransport();
    this.setOptions(options);
    this.lancer(url);
    },
 
 
  setOptions: function(options) {
 
             this.options = {
 
                             method:       'post',
                             asynchronous: true,
                             contentType:  'application/x-www-form-urlencoded',
                             encoding:     'UTF-8',
                             parameters:   '',
 
                            }
 
             Object.extend(this.options, options || {});
 
             this.options.method = this.options.method.toLowerCase();
 
             },
 
 
  lancer:function(url) {
    this.url = url;
    this.method = this.options.method;
    this.params = this.options.parameters;
 
    this.transport.open(this.method.toUpperCase(),this.url,this.options.asynchronous);
 
    this.setHeaders();
 
    this.transport.send(this.params);
 
    this.transport.onreadyStatechange=this.reponse();
 
         },
 
 
  setHeaders:function() {
 
       this.transport.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
       this.transport.setRequestHeader('Accept', 'text/javascript, text/html, application/xml, text/xml, */*');
       if (this.method == 'post') { 
       this.transport.setRequestHeader('Content-type', this.options.contentType +'; charset='+ this.options.encoding ); 
       if (this.transport.overrideMimeType && (navigator.userAgent.match(/Gecko\/(\d{4})/) || [0,2005])[1] < 2005) this.transport.setRequestHeader('Connection', 'close');        
           }
 
         },
 
 
  reponse:function() {
 
      if(this.transport.readyState==4) { if (this.transport.status==200) this.options.onComplete.apply(this); }
 
//C'est ici que ça ne change pas du tout, j'ai tjrs 1
 
    else  $('nbrFlash').innerHTML=this.transport.readyState;
 
        }
 
});

14/10/2008, 10h11
Simon30

readyState bloqué sur 1

Si c'était Class.create() le problème pourquoi ça marche pour le mode synchrone?

C'est vrai que ça bloque avec ie!!

Je vais encore essayer tout ça!!

A tout à l'heure.

Simon
14/10/2008, 11h50
Simon30

readyState bloqué sur 1

Je commence à soupçonner fortement le Class.create()

En fait j'utilise pas prototype mais je m'en suis inspiré, et l'objet Class c'est exactement le même que dans prototype 1.5.1 si tu peux jeter un coup d'oeil.

Sur MSIE, l'objet Ajax n'est pas reconnu du tout, mais sous FireFox ça marche en mode synchrone. J'arrive même à récupérer le résultat voulu.

Simon
14/10/2008, 12h37
Simon30

readyState bloqué sur 1

Le truc que tu m'as dit n'a rien changé du tout.
Donc à creuser.

Simon

readyState bloqué sur 1

Voici pour voir l'objet Class:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
var Class = {
 
       create:function() {
 
              return function()  {
 
                      this.initialize.apply(this,arguments);
 
                   }
 
                 }
 
             }

Alors d'après mes constatations les objets ou classes créés par Class déjà IE7 ne les reconnait pas du tout.

Je continue de creuser.

Simon

17/10/2008, 22h49
Simon30

Merci beaucoup

Je m'y suis mis cette aprem et c'est résolu.
Biz
Simon