Bagian 28: Memahami AJAX dan Fetch API

Pada bagian ini, Anda akan belajar bagaimana JavaScript dapat mengambil data dari server tanpa perlu me-refresh halaman menggunakan AJAX dan Fetch API. Metode ini umum digunakan dalam pembuatan aplikasi web modern.

Apa itu AJAX?

AJAX (Asynchronous JavaScript and XML) memungkinkan web untuk memuat data secara asinkron tanpa perlu reload halaman penuh.

Contoh Menggunakan Fetch API

Fetch API adalah cara modern untuk melakukan request HTTP secara asinkron.

Tekan tombol di atas untuk memuat data.


fetch('https://jsonplaceholder.typicode.com/posts/1')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

Fetch API adalah cara yang efisien dan modern untuk melakukan komunikasi antara browser dan server. Pada bagian berikutnya, kita akan membahas pemrograman JavaScript tingkat lanjut.

Pertanyaan Umum tentang AJAX dan Fetch API

Apa itu AJAX? AJAX memungkinkan halaman web mengambil data dari server secara asinkron tanpa me-reload halaman secara keseluruhan.
Apa bedanya AJAX dan Fetch API? Fetch API adalah cara modern dan berbasis Promise untuk mengakses server, sementara AJAX adalah konsep umum yang dulunya menggunakan XMLHttpRequest.
Apakah Fetch API bisa digunakan dengan JSON? Ya, Fetch API sangat cocok untuk mengambil dan mengirim data dalam format JSON.