Bagian 22: Ajax (Asynchronous JavaScript and XML)
Ajax memungkinkan halaman web menjadi lebih interaktif dan responsif. Dengan menggunakan Ajax, kita dapat mengambil data dari server dan memperbarui tampilan halaman tanpa memuat ulang seluruh dokumen HTML.
Ajax memungkinkan halaman web untuk mengambil data dari server secara asynchronous tanpa perlu memuat ulang halaman.
Sponsored
Contoh Ajax dengan fetch()
fetch('https://jsonplaceholder.typicode.com/posts/1')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
Silakan klik tombol di bawah ini untuk mengambil data JSON dari jsonplaceholder.typicode.com
dan menampilkannya di area hasil.
Hasil akan muncul di sini...
Teknik Ajax sangat berguna untuk membangun aplikasi web modern yang cepat dan dinamis. Di bagian selanjutnya, kita akan belajar menyimpan data secara lokal di browser menggunakan Local Storage.
Pertanyaan Umum tentang Ajax
- Apa itu Ajax? Ajax adalah teknik pemrograman web yang memungkinkan pengambilan data dari server secara asynchronous tanpa reload halaman.
- Apa kelebihan menggunakan
fetch()
dibandingXMLHttpRequest
?fetch()
lebih modern, berbasis Promise, dan memiliki sintaks yang lebih bersih. - Apakah Ajax hanya bisa mengambil data dalam format XML? Tidak. Saat ini Ajax lebih sering digunakan untuk mengambil data dalam format JSON.