Cara Mengambil Data dengan AJAX GET di jQuery

Mengambil data dari server tanpa memuat ulang halaman membuat aplikasi terasa cepat. Artikel ini membahas cara mengambil data dengan AJAX GET di jQuery.

Metode $.get()

<script>
$.get("data.php", function(hasil) {
    $("#output").html(hasil);
});
</script>

Contoh Kasus: Pencarian Langsung (Live Search)

<script>
$("#cari").on("keyup", function() {
    const kata = $(this).val();
    $.get("cari.php", { q: kata }, function(hasil) {
        $("#hasil").html(hasil);
    });
});
</script>

Objek kedua { q: kata } berisi parameter yang dikirim ke server.

Menangani Error

<script>
$.get("data.php")
    .done(function(hasil) { console.log(hasil); })
    .fail(function() { console.log("Gagal memuat"); });
</script>

Kesimpulan

Gunakan $.get() untuk mengambil data dari server, dengan objek parameter sebagai argumen kedua. Padukan dengan event keyup untuk fitur pencarian langsung, dan .fail() untuk menangani error.

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 *