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

๐Ÿ’ฌ Buat Website Paket website LPK