Cara Mengirim Data dengan AJAX POST di jQuery

Mengirim data form ke server tanpa reload dilakukan dengan POST. Artikel ini membahas cara mengirim data dengan AJAX POST di jQuery.

Metode $.post()

<script>
$.post("simpan.php", { nama: "Budi", umur: 25 }, function(respon) {
    console.log("Sukses:", respon);
});
</script>

Contoh Kasus: Tombol Suka (Like) Tanpa Reload

<script>
$(".like").click(function() {
    const id = $(this).data("id");
    const tombol = $(this);
    $.post("like.php", { post_id: id }, function(res) {
        tombol.find(".jumlah").text(res.total);
    }, "json");
});
</script>

Versi $.ajax() Lengkap

<script>
$.ajax({
    url: "simpan.php",
    method: "POST",
    data: { nama: "Budi" },
    success: function(res) { console.log(res); },
    error: function() { console.log("Gagal"); }
});
</script>

Kesimpulan

Gunakan $.post() untuk mengirim data secara ringkas, atau $.ajax() bila butuh kontrol penuh termasuk penanganan error. Ideal untuk fitur seperti tombol suka. Selalu validasi ulang data di server.

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 *