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 ?