Discussion :

[narkhor]

bonjour, je suis entrain de faire un peu d'ajax, et j'ai un petit soucis.
le probleme c'est qu'a chaque fois que je veux faire une requete je doit recreer un objet XmlHttpRequest ( ou l'equivelent ie)
c'est normal ca? ou c'est moi qui l'utilise mal?
si je ne refait pas mon `xhr = new XmlHttpRequest', la seconde requete est bien lancee, mais je n'ai aucun retour :s

ce qui m'enbete, c'est que j'ajoute quelques fonctions et varaibles menbre a mon xhr, pour les fonctions, pas de probleme, elle ne change pas, par contre ca m'oblige a sauvegarder les valeurs des varaibles menbres, reinitialiser, puis restaurer les valeurs...

donc si quelqu'un a une idee, faites savoir, merci

[FremyCompany]

Un Xhr = Une connection
Dis-moi, IE accepte que tu rajoute des membres à un ActiveX Xhr ???
Il me semblait que c'était refusé...

[narkhor]

merci pour le renseignement
pour ie, ca je sais pas, j'suis sous unix, je croyais que le

Code :

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

1
2
xml new = xmlHttpRequest()
if(!xhr)xhr = new ActiveJeSaisPlusQuoi...

suffisais, faudra que je test...
sinon faudra que je fasse autrement.

j'avais essaye de faire un objet qui ait un membre XmlHttpRequest. Le probleme, c'est que je ne pouvais pas me servir de this dans la methode onReadyStateChange, je voulais faire qqch du genre:

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
 
function MonObjet(){
  this.init = function(){
    this.xhr = new XmlHttpRequest();
    ...
  }
 
  this.request_queue = new Array();
  this.requestInProgress = false;
  this.queue_request = function(req){
    this.request_queue.puish(req);
  }
  this.execute_queue = function(){
    if(!this.requestInProgress){
      this.requestInProgress = true;
      this.init();
      this.req = shift(this.request_queue);
      this.xhr.open(this.req.url);
      this.send();
    }
  }
  this.xhr.onReadyStateChange = function(){
    if(<etat ok>){
      this.req.function(this.xhr.XmlResponse);
      this.requestInProgress = false;
      this.execute_queue();
    }
  }
}

ou req contient un donnee url, qui est l'url du script a recuperer et function qui est la fonction a appeller pour traiter l'xml renvoyer.

j'sais pas si je me suis bien explique, mais vous croyez que c'est possible? (j'debute en javascript alors...) thx

[FremyCompany]

Petit problème...
Dans ton onreadystatechange, ton "this" référence l'objet Xhr, pas ton objet conteneur...
J'ai une solution c'est la création de fonction déléguée.
Le code est dans le post "Code source" du forum, mais il est ancien et a été remodelé depuis... tu risques d'avoir du mal à tout comprendre...
Sinon, voici le code final de mon projet Storing avec un objet Xhr qui fonctionne un peu comme le tien
Il ne te reste plus qu'une chose à faire, créer un type qui herite de Xhr et lui mettre les fonctions qui t'intéresse !
Comme l'héritage en JS est très mal connu, j'explique le principe (dans ce cas-ci, car normalement, il y a une autre subtilité)

Code :

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

1
2
3
4
5
XhrInheritedClass = function () {
   // Ici l'objet Xhr ne demande pas d'argument, sinon tu aurais du faire
   // this.Xhr(arg0, arg1, ..., argN); à la place de this.Xhr();
   this.Xhr=Xhr; this.Xhr();
}

[narkhor]

wouhou, mais c'est super!!
faut juste que je me trouve un cle usb pour emener ca chez moi..

merci encore

[FremyCompany]

Grand grand merci !
Lol, mais ce n'est qu'une infime partie de ce que j'ai déjà developpé
Mais c'est vrai qu'avec ca, on peut faire pas mal de choses intéressantes...
Surtout le CreateDelegate... surtout lui...

/!\ J'ai remarqué une faute dans le fichier que je t'ai donné (je n'avais pas testé ma dernière mise-à-jour) :

Code :

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

1
2
3
4
5
Erreur : missing ; before statement
Fichier source : file:///G:/Mes%20documents/My%20Web%20Sites/Test2/Storing/Script.js
Ligne : 278, Colonne : 65
Code source :
	this.EvalJS(Mode, Url, Async, Data, PrepareSub, UserName, Pwd) {

==>

Code :

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

	this.EvalJS=function (Mode, Url, Async, Data, PrepareSub, UserName, Pwd) {