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

Articles tagués ‘serialize’

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

 

Suivre

Recevez les nouvelles publications par mail.

Rejoignez 295 autres abonnés