JavaScript Async #15: Fetch API & HTTP Request

• 05/24/2025
• ariq fadhil
• 3

1. Apa itu Fetch API?

Fetch API adalah fitur bawaan JavaScript modern untuk melakukan HTTP request ke server. Biasanya digunakan untuk mengambil atau mengirim data melalui API.

2. Contoh GET Request

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

3. Contoh dengan async/await

async function getPosts() {
  const response = await fetch("https://jsonplaceholder.typicode.com/posts");
  const data = await response.json();
  console.log(data);
}

4. Contoh POST Request

fetch("https://jsonplaceholder.typicode.com/posts", {
  method: "POST",
  headers: {
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    title: "Belajar JavaScript",
    author: "Ariq"
  })
})
  .then((response) => response.json())
  .then((data) => console.log(data));

5. Ringkasan

• Fetch API digunakan untuk HTTP request
• Bisa dipakai dengan Promise atau async/await
• Mendukung GET, POST, PUT, DELETE, dan method lainnya

Di part berikutnya kita bahas error handling di async/await.