Discussion :

[Bigoodheart]

Bonjour,

Je bloque encore une fois et je demande l'aide de mes amis les Developpeurs !

je travaille sur J2ee avec struts2+spring2+ajax (prototype)et en fait je suis entrain de mettre en place un moteur de recherche pour ma base de donnée et le problème c'est que j'ai pas su comment récupérer la valeur qui se trouve dans mon

Code :

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

<input type="text" id="tags">

pour l'envoyer comme paramètre en entrée pour lancer ma requête !
et je voulais savoir si c'est correct d'utiliser le formulaire avec la méthode POST !

je vous file mon code jsp

Code :

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

1
2
3
4
5
6
7
8
<form method="post" action="searcher('Country','')">
 
<fieldset>  
<p>Country:</p> <input type="text" id="tags">
<input type="submit" value="rechercher" alt= "Lancer la recherche!">
 
</fieldset>
</form>

voici mon code ajax avec prototype :

Code :

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

1
2
3
4
function searcher(info,val)
{
	new Ajax.Updater('list', 'filtre?info=&val=' + info,val);
}

[Bigoodheart]

Si je me trompe pas et que je sois en bonne voie ,il faut utiliser protoype comme suit :

Code :

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

1
2
3
4
5
function searcher(info,tags)
{
var content = $('tags').value;
 //var v = document.getElementById('tags').value;  
 new Ajax.Updater('list','filtre?info='+ info+'&v=' + content);}

est ce que c'est correct ? quelq'un pourrait m'aider SVP

[gwyohm]

Bonjour,
Oui, la méthode que tu exposes est valable, mais court-circuite complètement prototype : les paramètres de la requête sont gérés normalement par les options de Ajax.Updater :

Code :

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

1
2
3
4
 
new Ajax.Updater('list', 'filtre', {
  parameters: "info=" + $("tags").value
});

Mais personnellement, je ne trouve pas ça super de mettre du javascript en action. Sans javascript, rien ne fonctionne. Le mieux, c'est de préparer ton code pour qu'il fonctionne sans javascript, puis de l'optimiser.

Dans ton cas, je partirai plus sur qqch comme :

Code :

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

1
2
3
4
5
6
7
8
9
<form method="post" action="filtre" id="searchForm">
 
<fieldset>  
<p>Country:</p> <input type="text" id="tags" name="info"/>
<input type="submit" value="rechercher" alt= "Lancer la recherche!" />
 
</fieldset>
</form>

et de rajouter ton code javascript de cette façon :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
// On observe l'événement soumission sur le formulaire
$("searchForm").observe("submit", function(e){
  // on stop l'événement (pour ne pas soumettre en mode normal)
  e.stop();
  // on récupère l'action du formulaire
  var form_action = $("searchForm").action;
  // on construit la requete AJAX:
  new Ajax.Updater("list", form_action, {
    parameters: "info=" + $F("tags")// $F(id) est equivalent à $(id).value
  });
});

Il y a cependant moyen de raccourcir le code et de le rendre plus générique :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
$("searchForm").observe("submit", function(e){
  // on stop l'événement
  e.stop();
  // on recupere l'element qui a généré l'événement (le formulaire):
  var theForm = e.element();
  // on fait directement appel à theForm pour l'action de la requête 
  // et pour générer les paramètres par sérialisation du formulaire
  new Ajax.Updater("list", theForm.action, {
    parameters: theForm.serialize(true)
  });
});

[Bigoodheart]

merci c'est bien clair pour moi ..merci infiniment !