Comment utiliser la méthode sérialiser dans jquery

Dans jquery, la méthode serialize() crée une chaîne de texte codée en URL standard en sérialisant la valeur du formulaire. La valeur sérialisée peut être utilisée dans la chaîne de requête URL lors de la génération d'une requête AJAX. sérialiser()".

L'environnement d'exploitation de ce tutoriel : système Windows 10, jquery version 1.10.2, ordinateur Dell G3.

Comment utiliser la méthode Serialize dans jquery

Définition et utilisation de Serialize() : La méthode

serialize() crée une chaîne de texte codée en URL standard en sérialisant les valeurs du formulaire. éléments de forme. Vous pouvez sélectionner un ou plusieurs éléments de formulaire (tels que des entrées ou des zones 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 URL lors de la génération de requêtes AJAX.

Syntaxe :

$(selector).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. Son objet d'opération est 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, tels que d5fd7aea971a85678ba271703566ebfd, 4750256ae76b6b9d804861d8f69e79d3 Cependant, il est généralement plus facile de sélectionner la balise ff9c23ada1bcecdd1a0fb5d5a0f18437 elle-même pour la sérialisation

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 de l'élément de formulaire soit incluse dans une chaîne de séquence, l'élément doit utiliser l'attribut name.

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

Par exemple : longueur

Le code est le suivant :

<form id="form1">
   <input name="length" type="text" value="pipi" />
   <input name="blog" type="text" value="blue submarine" />
</form>
//使用:$("#form1").serialize();

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

Instance Serialize() dans JQuery

1, ajax Serialize()

Le code est le suivant :

$.ajax({
    type: "POST",
    dataType: "json",
    url:ajaxCallBack,
    data:$('#myForm').serialize(),// 要提交表单的ID
    success: function(msg){
        alert(msg);
    }
});

2. Instance de formulaire de sérialisation Serialize()

Le code est le suivant :

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function(){
   $("#submit").click(function(){
     alert($("#myForm").serialize());
   });
});
</script>
<form id="myForm">
昵称 <input type="text" name="username" value="admin" /><br />
密码 <input type="password" name="password" value="admin123" /><br />
<input type="button" id="submit" value="序列化表单" />
</form>

Après avoir cliqué. le bouton, il apparaît :

username=admin&password=admin123

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!