Bagian 26: Pengantar API dan AJAX

Apa itu API?

API (Application Programming Interface) adalah antarmuka yang memungkinkan aplikasi untuk saling berkomunikasi. API menyediakan sekumpulan aturan yang memungkinkan perangkat lunak berinteraksi tanpa harus tahu implementasi internalnya.

Apa itu AJAX?

AJAX (Asynchronous JavaScript and XML) adalah teknik untuk melakukan permintaan data secara asinkron ke server tanpa perlu me-refresh halaman web. AJAX membuat halaman web terasa lebih responsif dan interaktif.

Contoh AJAX menggunakan Fetch API

Berikut contoh sederhana penggunaan Fetch API untuk mengambil data JSON dari API publik:

fetch('https://api.publicapis.org/entries')
  .then(response => response.json())
  .then(data => {
    console.log(data);
    document.getElementById('output').textContent = JSON.stringify(data.entries.slice(0, 5), null, 2);
  })
  .catch(error => console.error('Error:', error));
    

Output (5 entri pertama):

Gagal mengambil data: TypeError: Failed to fetch