Bagian 18: API dan Fetch

API (Application Programming Interface) memungkinkan aplikasi JavaScript berkomunikasi dengan server dan layanan eksternal. Di bagian ini, kamu akan belajar menggunakan fungsi fetch() untuk mengambil data dari API, memprosesnya, dan menampilkannya ke pengguna.

Belajar cara mengambil data dari API menggunakan fetch() di JavaScript.

Contoh: Mengambil data dari API publik JSONPlaceholder

Kode berikut menggunakan fetch untuk mengambil data dari API dan menampilkannya di konsol:

fetch("https://jsonplaceholder.typicode.com/posts?_limit=5")
  .then(response => response.json())
  .then(data => {
    data.forEach(post => {
      console.log("ID:", post.id);
      console.log("Judul:", post.title);
      console.log("Isi:", post.body);
      console.log("---");
    });
  })
  .catch(error => {
    console.error("Terjadi kesalahan:", error);
  });

Berikut adalah versi interaktifnya:

Sekarang kamu telah memahami dasar-dasar penggunaan fetch() untuk berinteraksi dengan API. Di bagian selanjutnya, kita akan membahas fitur-fitur terbaru JavaScript modern menggunakan ES6 seperti let, const, arrow function, dan lainnya.

Pertanyaan Umum tentang API dan Fetch di JavaScript

• Apa itu fetch() di JavaScript? fetch() adalah fungsi bawaan JavaScript untuk mengambil data dari server menggunakan HTTP.
• Apa itu API? API (Application Programming Interface) adalah antarmuka yang memungkinkan aplikasi saling berkomunikasi dan bertukar data.
• Kenapa penting belajar fetch()? Karena fetch() merupakan cara standar dalam JavaScript modern untuk bekerja dengan data eksternal seperti REST API.