JAVASCRIPT EXAMPLE · BROWSER

Fetch API Data

Fetch API se JSON endpoint request karo aur response data ko JavaScript me read karo.

Working code

fetch("https://jsonplaceholder.typicode.com/todos/1")
  .then((response) => {
    if (!response.ok) {
      throw new Error("Request failed");
    }
    return response.json();
  })
  .then((data) => console.log(data.title))
  .catch((error) => console.error(error.message));
Run Code ▶

Expected output

delectus aut autem

How it works

fetch() HTTP request start karta hai.

response.ok success status check karta hai, response.json() JSON parse karta hai, aur final then parsed data use karta hai.

Network/API availability ke hisab se live result change ya request fail ho sakti hai.

Try Yourself

fetch("https://jsonplaceholder.typicode.com/users/1")
  .then((response) => {
    if (!response.ok) throw new Error("Request failed");
    return response.json();
  })
  .then((user) => console.log(user.name))
  .catch((error) => console.error(error.message));

Learn this concept

Read related JavaScript Tutorial →