connaitre l'objet ayant déclanché l'évenement ?

**XecTech** · 08/08/2006, 01h12

voilà, je génère un certain nombre de xhr (dépendant de la page) et je leur affecte tous une fonction commune pour le onreadystatechange, mais il faudrait que je puisse savoir à l'execution de la fonction quel objet xhr a généré cet évenement pour récupérer la page web qu'il a téléchargée).
J'ai essayé 'this', qui pointe sur la fonction en elle meme, j'ai donc ensuite essayé this.parent, this.owner, tous deux indéfinis.
Si quelqu'un sait comment faire...

Invité · 08/08/2006, 11h16

salut

je ne suis pas du tout certain que ça te donnera l'objet xhr, mais as-tu essayé la propriété caller ?

sinon au pire tu peux passer par une variable globale : quand un objet xhr est actif, tu le stocke dans une var globale que tu peux récupérer dans ton onreadystatechange... c'est pas super propre, mais au moins t'es sûr que ça marche

**denisC** · 08/08/2006, 11h29

Envoyé par XecTech

voilà, je génère un certain nombre de xhr (dépendant de la page) et je leur affecte tous une fonction commune pour le onreadystatechange, mais il faudrait que je puisse savoir à l'execution de la fonction quel objet xhr a généré cet évenement pour récupérer la page web qu'il a téléchargée).
J'ai essayé 'this', qui pointe sur la fonction en elle meme, j'ai donc ensuite essayé this.parent, this.owner, tous deux indéfinis.
Si quelqu'un sait comment faire...

Je pense que tu vas devoir le faire manuellement:

Code :

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

1
2
3
4
5
 
function callBack(objet_xhr) {
  var texte = objet_xhr.responseText;
  // traitement à faire
}

puis, pour ton xhr:

Code :

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

1
2
3
4
 
xhr.onreadystatechange=function(){callBack(xhr)};
xhr2.onreadystatechange=function(){callBack(xhr2)};
etc...

A mon avis, ça devrait fonctionner...

**XecTech** · 08/08/2006, 11h31

Envoyé par torvalds17

salut
sinon au pire tu peux passer par une variable globale : quand un objet xhr est actif, tu le stocke dans une var globale que tu peux récupérer dans ton onreadystatechange... c'est pas super propre, mais au moins t'es sûr que ça marche

Et je fais comment pour savoir quelle variable globale stock le bon xhr ? au maximum j'en ai 50 qui bossent en meme temps...

**rieppe** · 08/08/2006, 11h34

Envoyé par XecTech

Et je fais comment pour savoir quelle variable globale stock le bon xhr ? au maximum j'en ai 50 qui bossent en meme temps...

Utiliser un tableau de xhr ? Ton indice serait le numéro du xhr, ca peut t'aider ?

**XecTech** · 08/08/2006, 11h41

Envoyé par torvalds17

salut
je ne suis pas du tout certain que ça te donnera l'objet xhr, mais as-tu essayé la propriété caller ?

Code :

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

1
2
La propriété caller pointe vers l'objet de type Function responsable de l'appel à ma_fonction. Cette propriété n'est donc accessible que dans le corps de la fonction.
Si ma_fonction n'est pas appelée depuis une autre fonction, caller vaut null.

cela ne conviendra malheureusement pas, je cherche un objet et pas une fonction, mais merci, je ne connaissais pas du tout cette propriété :-D

**denisC** · 08/08/2006, 11h42

Envoyé par denisC

Je pense que tu vas devoir le faire manuellement:

Code :

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

1
2
3
4
5
 
function callBack(objet_xhr) {
  var texte = objet_xhr.responseText;
  // traitement à faire
}

puis, pour ton xhr:

Code :

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

1
2
3
4
 
xhr.onreadystatechange=function(){callBack(xhr)};
xhr2.onreadystatechange=function(){callBack(xhr2)};
etc...

A mon avis, ça devrait fonctionner...

Ping? (pourquoi personne ne lis mes posts?

)

**XecTech** · 08/08/2006, 12h05

Envoyé par rieppe

Utiliser un tableau de xhr ? Ton indice serait le numéro du xhr, ca peut t'aider ?

c'est ce que je fais, malheureusement dans le corp de ma fonction je n'arrive pas à savoir quel était la valeur de l'index car j'utilise le code suivant :

Code :

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

1
2
3
4
5
6
7
8
9
xhrs[i] = new XMLHttpRequest();
	xhrs[i].onreadystatechange = function() {
		alert(sender);
		if(xhrs[i].readyState == 4 && xhrs[i].status == 200){
			document.getElementById('esp'+i).innerHTML = xhrs[i].responseText;
		}
	}
	xhrs[i].open("GET", "http://kureuilgames.free.fr/MPP/esprep.php", true);
	xhrs[i].send('');

or le i n'est interpreté qu'à l'execution de la fonction et non à sa création, je n'obtiens donc pas le bon index.

**XecTech** · 08/08/2006, 12h06

Envoyé par denisC

Ping? (pourquoi personne ne lis mes posts?

)

malheureusement je suis confronté au meme problème, mes xhr sont indexés par un variant, cela va donc donner

Code :

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

xhrs[i].onreadystatechange=function(){callBack(xhrs[i])};

or ce i ne sera interpretté qu'à l'execution et n'aura plus la bonne valeur.

**tthierry** · 08/08/2006, 15h17

et si tu encapsulais le tout à l'aide d'une classe ?

basiquement et sans avoir testé :

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
 
 
xhr[i]=new objXhr(i);
xhr[i].req.open("GET", "http://kureuilgames.free.fr/MPP/esprep.php", true);
...
 
ObjXhr=function(id_obj) {
    this.id_obj=id_obj;
    this.req=new XMLHttpRequest();
 
    /*
        appel de la fonction de callback à l'aide de call()
        le premier argument référence l'objet en cours
    */
    this.req.onreadystatechange=CallBack.call(this);
}
 
function CallBack() {
    //recuperation de l'id à l'aide de this.id_obj
 
    //traitements
}

si la variable xhr n'est pas global tu ne devrais pas avoir besoin de faire de tableau.

sinon c'est vite fait donc faudra surement adapté et faire une plus jolie classe

**XecTech** · 09/08/2006, 00h44

Envoyé par tthierry

et si tu encapsulais le tout à l'aide d'une classe ?

basiquement et sans avoir testé :

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
 
 
xhr[i]=new objXhr(i);
xhr[i].req.open("GET", "http://kureuilgames.free.fr/MPP/esprep.php", true);
...
 
ObjXhr=function(id_obj) {
    this.id_obj=id_obj;
    this.req=new XMLHttpRequest();
 
    /*
        appel de la fonction de callback à l'aide de call()
        le premier argument référence l'objet en cours
    */
    this.req.onreadystatechange=CallBack.call(this);
}
 
function CallBack() {
    //recuperation de l'id à l'aide de this.id_obj
 
    //traitements
}

si la variable xhr n'est pas global tu ne devrais pas avoir besoin de faire de tableau.

sinon c'est vite fait donc faudra surement adapté et faire une plus jolie classe

Merci, je testerais ça dès que possible et mettrais le tag "résolus" s'il y a lieu.
En attendant, si quelqu'un a une autre idée, plus j'apprends mieux je me porte ^^

**XecTech** · 09/08/2006, 14h54

j'ai adapté ton idée à mon script, ça qui m'a donné ça :

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
function XhrE(i, doc) {
	this.id = i;
	this.doc = doc;
	this.xhr = new XMLHttpRequest();
	function orsc(obj) {
		alert(obj.id + ':' + obj.xhr.readyState + ':' + obj.xhr.status); //debugging
		if(obj.xhr.readyState == 4 && obj.xhr.status == 200){
			alert(obj.xhr.responseText);
			obj.doc.getElementById('esp'+obj.id).innerHTML = obj.xhr.responseText;
		}
	}
	this.xhr.onreadystatechange = orsc(this);
	this.xhr.open("GET", "mon url...", true);
	this.xhr.send('');
}

la création se passe sans problème, seulement je n'obtiens qu'un message par xhr créé : 'x:0:0', x étant biensur l'id correspondant, c'est comme si l'open et le send n'agissaient pas. Je sais que cela devient hors sujet mais je poste d'abord ici avant de polluer le forum avec un nouveau thread...
sinon merci, le problème initial est résolu (j'ai bien mon id).

**tthierry** · 09/08/2006, 16h50

si tu veux garder cette syntaxe essaie plutôt un truc dans le genre (ça aidera js à retrouver ces petits) :

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
 
function XhrE(i, doc) {
	this.id = i;
	this.doc = doc;
	this.xhr = new XMLHttpRequest();
 
        var obj=this;
	this.xhr.onreadystatechange = function() {
		alert(obj.id + ':' + obj.xhr.readyState + ':' + obj.xhr.status); //debugging
		if(obj.xhr.readyState == 4 && obj.xhr.status == 200){
			alert(obj.xhr.responseText);
			obj.doc.getElementById('esp'+obj.id).innerHTML = obj.xhr.responseText;
		}
	}
	this.xhr.open("GET", "mon url...", true);
	this.xhr.send('');
}

sinon tu peux essayer de factoriser en déléguant à chaque méthode de ta classe une fonctionnalité (récupérer les différents paramètre de ton objet lors de sa construction, gérer le xmlhttprequest en fonction du navigateur, gestion du onreadyState, construction de la chaîne de requete en get ou post,... ) et mettre la fonction de callback à l'extérieur de la classe (suffirais de passer sa référence au constructeur).

ça te permettrais d'utiliser cette classe dans tous tes projets en te facilitant ce type de requête

**XecTech** · 09/08/2006, 17h30

merci, c'est parfait :-D, je vais enfin pouvoir commencer la partie la plus interressante du projet ^^

connaitre l'objet ayant déclanché l'évenement ?

JavaScript

Discussions similaires

Partager

Partager