envoi d'un formulaire sans rechargement (jquery + struts)

Version imprimable

19/11/2009, 12h10
-=mateo=-

envoi d'un formulaire sans rechargement (jquery + struts)
Bonjour à tous,

J'ai une application Struts, et j'aimerais utiliser JQuery pour mettre un peu d'ajax :aie:. Je voudrais pouvoir envoyer un formulaire lorsque l'utilisateur déclenche un évènement javascript "onBlur", et sans recharger la page (via ajax) en spécifiant une action struts à exécuter.

Pour l'instant, j'ai le squelette suivant :
Code:

1 2 3 4 5 6 7 8 9 10 $(function() { $(".myClass").blur(function() { $.post("/myStrutsAction.do",{ action: "myAction"}, function(data){ alert("Data Loaded: " + data); } ); }); });
Le problème c'est que les données du formulaire ne sont pas présentes pour le serveur, vu que les données ne sont pas envoyées.

Merci d'avance pour votre aide!! :mouarf:
19/11/2009, 13h07
SpaceFrog

regarde du coté de serialize pour les datas ...
par contre j'espère que tu n'as pas d'input file
20/11/2009, 11h33
-=mateo=-

merci SpaceFrog!
Non j'avais pas d'input file, le serialize fonctionne sans problème.

Par contre, maintenant je rencontre un problème pour injecter ma réponse dans le DOM... je récupère mon html dans un string, est-il possible de récupérer seulement le form de la réponse et ensuite de l'injecter dans le form existant?

sans doute des questions bateau, mais je suis pas du tout familier avec le javascript et autres dérivés...

je te remercie d'avance

ayé j'ai trouvé, si ça peut aider quelqu'un :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
	function parseHTML(html, idStr) {
	  var root = document.createElement("div");
	  root.innerHTML = html;
	  // Get all child nodes of root div
	  var allChilds = root.childNodes;
	  for (var i = 0; i < allChilds.length; i++) {
	    if (allChilds[i].id && allChilds[i].id == idStr) {
	      return allChilds[i];
	    }
	  }
	  return false;
	}