Serialize() compétences serialization_javascript dans JQuery

Introduction à cet article : Dans jQuery, lorsque nous utilisons ajax, nous avons souvent besoin d'assembler des données d'entrée et de les envoyer au serveur sous forme de paires clé/valeur. Ce travail peut être facilement réalisé en utilisant la méthode de sérialisation de JQuery. this La méthode peut sérialiser le formulaire en paires clé-valeur (key1=value1&key2=value2…) et le soumettre. Ce qui suit présente l'utilisation de Serialize() dans JQuery

1 Définition et utilisation de Serialize() :

La méthode Serialize() crée un A. Chaîne de texte standard codée en URL qui fonctionne sur un objet jQuery représentant une collection d'éléments de formulaire. Vous pouvez sélectionner un ou plusieurs éléments de formulaire (tels que des entrées ou des champs de texte) ou l'élément de formulaire lui-même. Les valeurs sérialisées peuvent être utilisées dans les chaînes de requête d'URL lors des requêtes AJAX.

Syntaxe :

Copier le code Le code est le suivant :

$(sélecteur) .serialize()

Description détaillée

1 La méthode .serialize() crée une chaîne de texte représentée par un encodage URL standard. Il fonctionne sur un objet jQuery qui représente une collection d'éléments de formulaire.

2. La méthode .serialize() peut faire fonctionner des objets jQuery qui ont sélectionné des éléments de formulaire individuels, par exemple,

3. Seuls les "contrôles réussis" seront sérialisés en chaînes. Si vous n'utilisez pas de bouton pour soumettre le formulaire, la valeur du bouton de soumission n'est pas sérialisée. Si vous souhaitez que la valeur d'un élément de formulaire soit incluse dans une chaîne de séquence, l'élément doit utiliser un attribut de nom.

4. Le nom dans le formulaire ne peut pas utiliser de mots-clés en Js ou jquery.

Par exemple : longueur

Copier le code Le code est le suivant :

//Use :$("#form1").serialize();

La valeur ci-dessus ne peut pas être obtenue.

2. Exemples de serialize() dans JQuery

1. > Copiez le code

Le code est le suivant :

$.ajax({

type : "POST", dataType : "json", url : ajaxCallBack,

data:$('#myForm').serialize(),// ID du formulaire à soumettre

success: function(msg){
alert(msg);
}
});


2. Serialize() sérialiser l'instance de formulaire

Copier le code

Le code est le suivant suit :