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:
 

<form>
  <div><input type="text" name="a" value="1" id="a" /></div>
  <div><input type="text" name="b" value="2" id="b" /></div>
  <div><input type="hidden" name="c" value="3" id="c" /></div>
  <div>
    <textarea name="d" rows="8" cols="40">4</textarea>
  </div>
  <div><select name="e">
    <option value="5" selected="selected">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
  </select></div>
  <div>
    <input type="checkbox" name="f" value="8" id="f" />
  </div>
  <div>
    <input type="submit" name="g" value="Submit" id="g" />
  </div>
</form>

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

 

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 )

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 )

Photo Google+

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

Connexion à %s