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

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