Récupérer une valeur input

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:

---

<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:

---

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:

---

1 2 3 4

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

---

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

Code:

---

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

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:

---

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:

---

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:

---

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:

---

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) }); });

---

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