Mengirim seluruh isi form lewat AJAX jadi mudah dengan satu metode, tanpa perlu mengambil tiap field satu per satu. Artikel ini membahas cara mengubah data form menjadi string dengan jQuery (serialize).
Metode .serialize()
<script>
const data = $("#formku").serialize();
console.log(data); // "nama=Budi&umur=25&kota=Solo"
</script>
Contoh Kasus: Kirim Form Lengkap via AJAX
<script>
$("#formku").submit(function(e) {
e.preventDefault();
$.post("simpan.php", $(this).serialize(), function(res) {
$("#pesan").text("Data tersimpan!");
});
});
</script>
Cukup satu serialize() untuk mengemas semua input, alih-alih menuliskan { nama: ..., umur: ... } secara manual.
serializeArray() untuk Format Objek
<script>
const arr = $("#formku").serializeArray();
// [{name:"nama", value:"Budi"}, ...]
</script>
Kesimpulan
Gunakan .serialize() untuk mengubah seluruh input form menjadi string siap kirim, sangat praktis saat mengirim form via AJAX. Gunakan serializeArray() bila butuh format objek.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

