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

