blog sur le développement web, jquery,css3, Magento, Symphony, php et bien d'autres choses


cette méthode de jquery vous permet de récupérer l’ensemble des valeurs d’un formulaire et de les serializer comme dans une url:

exemple:


<div></div>
<div></div>
<div></div>
<div>    4</div>
<div>567</div>
<div>    </div>
<div>    </div>



on serialize avec le code suivant en javascript


$('form').submit(function() {
alert($(this).serialize());
return false;
});

on obtient alors une chaine comme suit:


a=1&b=2&c=3&d=4&e=5

que l’on pourra envoyer a un script en ajax à la suite de notre url du fichier de destination: par exemple

$.post('ajax/test.html?'+$(this).serialize(), function(data) {
$('.result').html(data);
});

Retrouvez cette technique et d’autres astuces dans ce très bon livre sur le JQuery:
livre-jquery-facile

Publicités

Commentaires sur: "Jquery – serialize() ou comment envoyer les valeurs d’un form de manière sérializé en jquery" (4)

  1. Tank je viens de partager ton article sur Facebook.

  2. […] Jquery – serialize() ou comment envoyer les valeurs d’un form de manière sérializé en jquery […]

  3. […] 10 Serializer les valeurs de vos formulaires pour les récupérer avec jquery : Jquery – serialize() ou comment envoyer les valeurs d’un form de manière sérializé en jquery […]

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

w

Connexion à %s