jQuery verwendet serialize(), um Formulardaten basierend auf ajax()_jquery zu übermitteln

Das Beispiel in diesem Artikel beschreibt, wie jQuery serialize() verwendet, um Formulardaten basierend auf ajax() zu übermitteln. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Die Methode serialize() von jQuery erstellt eine URL-codierte Textzeichenfolge durch Serialisierung von Formularwerten. Wir können ein oder mehrere Formularelemente auswählen oder das Formular direkt auswählen, um sie zu serialisieren, z. B.:

<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>

Auf diese Weise können wir den serialisierten Wert als Parameter der URL an ajax() übergeben und einfach ajax() zum Senden des Formulars verwenden, anstatt die Werte einzeln im Formular abzurufen und zu übergeben sie an ajax(). Beispiele sind wie folgt:

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

Dasselbe gilt für die Verwendung von $.post(), $.get() und $.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
 }
});

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.