Cara Mengubah Data Form Menjadi String dengan jQuery

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

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *