jQuery menggunakan serialize() untuk menyerahkan data borang berdasarkan ajax()_jquery

Contoh dalam artikel ini menerangkan cara jQuery menggunakan serialize() untuk menyerahkan data borang berdasarkan ajax(). Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Kaedah bersiri() jQuery mencipta rentetan teks yang dikodkan URL dengan mensiri nilai borang Kami boleh memilih satu atau lebih elemen borang, atau terus memilih borang untuk mensirikannya, seperti:

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

Dengan cara ini, kita boleh menghantar nilai bersiri kepada ajax() sebagai parameter url, dan dengan mudah menggunakan ajax() untuk menyerahkan borang, bukannya mendapatkan nilai dalam bentuk satu demi satu dan lulus mereka ke ajax(). Contohnya adalah seperti berikut:

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

Begitu juga untuk menggunakan $.post(), $.get() dan $.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
 }
});

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.