[AJAX] avec onreadystatechange

**laurentg2003** · 23/02/2010, 20h25

Bonjour
J'ai un script ajax qui récupere une requete SQL sous forme d'une chaine de caractére et qui la traite et la je réusine en POO
Voici mon code

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
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
72
73
/classe qui manipule un objet ObjectAjax qui ouvre une connexion au script ajax.php éxécute une requete ajax et retourne le résultat sous forme de string.
var obj=new Object();
obj.READY_STATE_UNINITIALIZ=0;
obj.READY_STATE_LOADING=1;
obj.READY_STATE_LOADED=2;
obj.READY_STATE_INTERACTIVE=3;
obj.READY_STATE_COMPLETE=4;
 
obj.ObjectAjax=function(){
this.req=null;
 
if (window.ActiveXObject) {
   this.req = new ActiveXObject("Microsoft.XMLHTTP");
 
 
}
else if (window.XMLHttpRequest) {
   this.req = new XMLHttpRequest();
   this.req.overrideMimeType('text/xml');
 
 
}
 
 
 
}
 
 
obj.ObjectAjax.prototype.exReq=function(){
alert("exReq");
 
   this.req.open('GET','ajax.php',true);  
   this.req.onreadystatechange=req;
 
   this.req.send(null);
   that=this; 
   objectXmlhttp=that.req;//on crée une variable globale
 
 
 
 
}
function req(){
 
 
switch (objectXmlhttp.readyState){
case(1):var str1="Connexion établie,le status est :"+objectXmlhttp.status;alert(Str1);
case(2):var str2="requête envoyée,le status est :"+objectXmlhttp.status;
case(3):var str3="Réponse en cours de réception...le status est :"+objectXmlhttp.status;
case(4):var rappel = setInterval("req",5000);//alert(objectXmlhttp.responseText);
Texte=objectXmlhttp.responseText;//on crée une variable globale contenant le texte
 
 
 
 
 
 
 
 
 
}
}
 
 
 
obj.ObjectAjax.prototype.returnDataBase=function() {
 
 
 
this.dataBase=dataBase=new Array();	
var exReg=new RegExp("=[a-zA-Z0-9/.: ]*\]","g");//erreur caractere facultatif ignoré + pb <>  extension jpg jpeg ou particularité javaScript/ajax
var chaine=this.texte.match(exReg).toString();
//alert(chaine);

Code :

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

this.req.onreadystatechange=req;

me pose soucis il me force à appeler une fonction..
du coup la valeur que je veux passer à la méthode suivante returnDataBase est une variable locale
que je n'arrive pas à transformer en variable globale et sérieux ça fait pas "propre"
De plus ce qui me pose probleme je voudrais que this.req.onreadystatechange=req appelle une méthode
Donc je me suis dit créons un objet dont l'une des propriétés appellera call et donc la methode req qui deviendra donc une méthode
Mais là je coince totalement

Merci de me donner une piste

**laurentg2003** · 24/02/2010, 15h05

bonjour,
Je pense avoir trouver une solution un peu tirée par les cheveux...
mon code

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
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
//classe qui manipule un objet ObjectAjax qui ouvre une connexion au script ajax.php éxécute une requete ajax et retourne le résultat sous forme de string qui est traité et affiché
var obj=new Object();
obj.READY_STATE_UNINITIALIZ=0;
obj.READY_STATE_LOADING=1;
obj.READY_STATE_LOADED=2;
obj.READY_STATE_INTERACTIVE=3;
obj.READY_STATE_COMPLETE=4;
 
 
obj.ObjectAjax=function(){
this.req=null;
 
if (window.ActiveXObject) {
   this.req = new ActiveXObject("Microsoft.XMLHTTP");
 
}
else if (window.XMLHttpRequest) {
   this.req = new XMLHttpRequest();
   this.req.overrideMimeType('text/xml');
 
 
}
 
 
 
}
 
 
obj.ObjectAjax.prototype.exReq=function(){
 
 
   this.req.open('GET','ajax.php',true);    
   this.req.onreadystatechange=rq;
   this.req.send(null);
   that=this; 
   req=that.req;//on crée une variable globale
 
 
 
 
}
 
//obj.ObjectAjax.prototype.rq=function(){
function rq(){
this.res=null;
alert("");
 
   switch (req.readyState){
case(1):var str1=setInterval("rq",5000);
case(2):var str2=setInterval("rq",5000);
case(3):var str3=setInterval("rq",5000);
case(4):var rappel = setInterval("rq",5000);//alert(objectXmlhttp.responseText);
this.res=req.responseText;//on crée une variable globale contenant le texte
 
 
 
 
 
 
 
 
 
}
}
rq.prototype.returnValue=function() {
 
 
alert(this.res);
}

et celui de la page et fonction d'appel

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
function static_void_Main(){
var obAjax = new obj.ObjectAjax();
    obAjax.exReq(); 	
    ob=new rq();
    ob.returnValue();	
    //obAjax.returnDataBase();	
    /*obAjax.createChampsJs();
	obAjax.createDataBaseJs();
    obAjax.tabNamePiste();
	obAjax.IdPosition();
	obAjax.afficheTableauAccueil();
	obAjax.clickUrl;*/
 
		}
	//newtimer = setTimeout("static_void_Main()",1000);
window.onload=static_void_Main;

en fait avec this.req.onreadystatechange=rq; j'appelle donc une fonction qui est une fonction de rappel ,la fonction rq,mais comme la syntaxe d'une fonction basique correspond à un constructeur et bien j'en fais aussi un constructeur ob=new rq();
avec ob.returnValue je récupere ma chaine de caractere
aprés je peux envoyer cette valeur à l'objet obAjax ou mieux mettre en oeuvre l'héritage
je pense que la solution se trouve là...
Mais j'ai un probleme,ma "fonction-consctructeur" rq
je remet le code

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
19
20
21
function rq(){
this.res=null;
alert("");
 
   switch (req.readyState){
case(1):var str1=setInterval("rq",5000);
case(2):var str2=setInterval("rq",5000);
case(3):var str3=setInterval("rq",5000);
case(4):var rappel = setInterval("rq",5000);//alert(objectXmlhttp.responseText);
this.res=req.responseText;//on crée une variable globale contenant le texte
 
 
 
 
 
 
 
 
 
}
}

cette fonction de rapelle ne rappelle rien or si je place un simple alert
elle fonctionne le alert crée une pose (c'est ma théorie)
et readyState a le temps de se mettre à 4
Quelqu'un a t il une idée pour une fonction de rappel?
merci

**laurentg2003** · 25/02/2010, 15h28

bon j'ai réécrit ma méthode

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
ObjectAjax.prototype.exReq=function(){
 
 
   this.req.open('GET','ajax.php',true); 
 
  this.req.onreadystatechange=function(){
 
   var readyState = this.readyState;
if (readyState == 4) {
alert(this.responseText)
 }  
 
 
 
}  
 
this.req.send(null);
}