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

