Discussion :

[MaxLaMenaX]

Salut !

Oui le titre est un peu racoleur, mais bon lol ! faut bien de temps � autres ^^ !

Donc voil� mon souci, je suis pas trop un pro en Ajax, c'est la premi�re fois que je l'utilise vraiment...

A la base cela n'a pas �t� simple de le combiner avec mon site web et le mod�le MVC ...

J'ai donc repris mes fonctions, et ait essay� de les rendre le plus g�n�rique possible ... par contre probl�me :

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
 
//Bandeau.jsp
<a href="javascript:MakeRequestMenu('Test')"> Test </a> 
//j'ai une servlet qui est mappée à "Test"
 
//test.js
function MakeRequestMenu(servlet){
getXmlRequest(); //ici je récupère l'objet active X etc ... pas utile à détailler
 
req.onreadystate = newResponseToDiv;
req.open("GET", servlet, true) //ici j'utilise mon paramètre servlet pour la généricité, jusqu'ici tout fonctionne ....
req.send(null);
//desfois je mets un "return false;" ou pas, pas trop saisi l'utilité ....
}
 
function newResponseToDiv(){
if (req.readyState ==4 && req.status == 200){
      var tmp = req.responseText;
      if (typeof(tmp)!= "undefined") {
          mdiv = document.getElementById("contenu");
          mdiv.innerHTML = tmp;
     }else alert("Erreur pendant la mise à jour de la page");
}
}

Tout ce code fonctionne ... apr�s si il y a des erreurs dans le code ou des ajustements � faire j'ai l'oreille ouverte ...

Apr�s j'ai voulu placer le "contenu" dans un parametre "div" histoire que je n'ai pas � r��crire une fonction javascript pour chaque zone de ma page ...
Comme cela :

Mais l� le rafraichissement de la page ne fonctionne plus ...

Est ce que quelqu'un a une id�e ?

Code qui ne fonctionne plus, inspir� du premier exemple :

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
 
//Bandeau.jsp
<a href="javascript:MakeRequestMenu('Test','contenu')"> Test </a> 
//j'ai une servlet qui est mappée à "Test", j'ai ajouté 'contenu' qui est une de mes Divs CSs ...
 
//test.js
function MakeRequestMenu(servlet, div){
getXmlRequest(); //ici je récupère l'objet active X etc ... pas utile à détailler
 
req.onreadystate = newResponseToDiv(div); // pour faire circuler le paramètre ...
req.open("GET", servlet, true) //ici j'utilise mon paramètre servlet pour la généricité, jusqu'ici tout fonctionne ....
req.send(null);
//desfois je mets un "return false;" ou pas, pas trop saisi l'utilité ....
}
 
function newResponseToDiv(div){
if (req.readyState ==4 && req.status == 200){
      var tmp = req.responseText;
      if (typeof(tmp)!= "undefined") {
          mdiv = document.getElementById(div); // la ca ne passe plus, la propagation du parametre se fait mal ou je ne sais pas !
          mdiv.innerHTML = tmp;
     }else alert("Erreur pendant la mise à jour de la page");
}
}

Merci pour votre pr�cieuse aide...

[Bovino]

D�j� :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

req.onreadystate = newResponseToDiv;

je suis surpris que �a fonctionne !

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

req.onreadystatechange = newResponseToDiv;

ensuite, tu ne peux pas passer de param�tre de la fa�on dont tu le fais, essaye plut�t :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

req.onreadystatechange = function(){newResponseToDiv(div);}

[DoubleU]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
req.send(null);
//desfois je mets un "return false;" ou pas, pas trop saisi l'utilité ....

Pour le coup tu devrais le mettre ^^

Le truc, c'est que quand tu appliques une fonction javascript sur le onclick d'un lien, si tu ne retourne pas false, l'action du click sur le lien va se produire, c'est � dire que tu vas changer de page et adieu rafraichissement. En retournant false, tu bloques ce comportement et donc tu restes sur la meme page.

[MaxLaMenaX]

salut Bovino !

J'ai oubli� le "change" � "onreadystate" non �� s'est bien �crit, j'ai juste fait une erreur en le postant sur le forum d�sol� !

Sinon, oui ce serait bizarre que ca fonctionne ^^ !

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

req.onreadystatechange = newResponseToDiv;

Oui, je sentais que le probl�me venait de par l� !
Ce qui me surprenait c'est de devoir l'appeler comme ca plut�t que comme �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

req.onreadystatechange = newResponseToDiv();

Du moins quand on appelle une fonction JS sans argument depuis la partie "vue", c'est comme cela qu'on le fait ! avec le "()" en fin de fonction ...

Ici on appel une fonction JS � partir de JS ... donc je sais pas c'est peut �tre une norme ...

Je vais essayer ta solution, �a vient surement de l�, merci !
Tu as compris et solutionner rapidement mon probl�me !

Au fait mon code Ajax semble standard ?
Car j'aime bien faire les choses bien ! Mais j'ai pas forc�ment l'exp�rience qu'il me faut !

LUT !

[MaxLaMenaX]

Salut DoubleU et ok merci !

Par contre l� j'appel pas mon javascript sur le "onclick" mais sur le "href" !

mais merci de l'explication !

En fait quand je mets le "return false;", il me balance une nouvelle page blanche juste avec false ! h� h� h� !

et quand je l'enl�ve �a va bien !
�a fonctionnerait surement comme tu le dis, si j'avais utilis� mon action sur "onclick" plut�t que sur "href" !

[MaxLaMenaX]

merci Bovino, apr�s une erreur de syntaxe de ma part, ta solution marche effectivement !

Maintenant encore plus compliqu�, je voudrais depuis un formulaire :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 
<form id="login" method="get" action="" onSubmit="return MakeRequest('Log','contenu','listAttribute')"
//"Log" est une servlet mappé, "contenu" ma div Css centrale, "listAttribute" étant la liste de mes attributs et leur valeurs ...

Pour ici les attributs �tant :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 
<input type="text" name="login" value=""/>
<input type="text" name="password" value=""/>

Je voudrais que ma listAttribute contienne soit (name, name.value, password, password.value)

ou ((name,name.value),(password,password.value)) ...

Cela me permettrait d'ecrire mon Url dans mes fonctions ajax, dynamiquement !
Et donc d'avoir une seule ou quelque unes fonctions ajax, qui me servent � tout faire ...

Ou alors en utilisant dans mon ajax les fonctions getElementById, getElementByName etc ? non ?