Sérialiser les données

Cette méthode transforme les données des champs de formulaire en une chaîne de caractères reprenant celles-ci.

Ce procédé est fort utile pour envoyer ces données au serveur par une requête AJAX sous un format compatible avec la plupart des langages de programmation côté serveur.

Pour le bon fonctionnement de la méthode serialize(), les champs de formulaire doivent posséder un attribut name.

serialize() serialize

Transforme les données des champs de formulaire en une chaîne de caractères.


$("form").serialize();
 

Cette méthode renvoie une chaîne de caractères (string).

serializeArray() serializeArray

Transforme les données des champs de formulaires en une variable Array.

Cette méthode retourne un objet Array.

Exemple

Voici le formulaire de départ :

images/C10-019.png

Le document HTML :


<!doctype html> 
<html lang="fr"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){ 
        $('button').on("click", function() { 
            var str = $("form").serialize(); 
       ...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les fonctions différées
Suivant
Applications