jQuery utilise serialize() pour soumettre des données de formulaire basées sur ajax()_jquery

L'exemple de cet article décrit comment jQuery utilise serialize() pour soumettre des données de formulaire basées sur ajax(). Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

La méthode serialize() de jQuery crée une chaîne de texte codée en URL en sérialisant les valeurs du formulaire. Nous pouvons sélectionner un ou plusieurs éléments de formulaire, ou sélectionner directement le formulaire pour les sérialiser, par exemple :

.

<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>
<script>
$(document).ready(function(){
 console.log($("form").serialize());
 // FirstName=Bill&LastName=Gates
});
</script>

De cette façon, nous pouvons transmettre la valeur sérialisée à ajax() en tant que paramètre de l'url, et utiliser facilement ajax() pour soumettre le formulaire, au lieu d'obtenir les valeurs du formulaire une par une et de passer les vers ajax(). Les exemples sont les suivants :

$.ajax({
 type: 'post',
 url: 'your url',
 data: $("form").serialize(),
 success: function(data) {
  // your code
 }
});

Il en va de même pour l'utilisation de $.post(), $.get() et $.getJSON() :

$.post('your url', $("form").serialize(), function(data) {
  // your code
 }
});
$.get('your url', $("form").serialize(), function(data) {
  // your code
 }
});
$.getJSON('your url', $("form").serialize(), function(data) {
  // your code
 }
});

J'espère que cet article sera utile à tous ceux qui programment jQuery.