Lesson 22 of 30

fetch and JSON

fetch asks a server for data without reloading the page. Use async/await to wait for the answer and .json() to read it.

Key points

await fetch(url)
await res.json()
Check res.ok for errors

async function load() {
  const res = await fetch("/api/scores");
  if (!res.ok) throw new Error(res.status);
  const data = await res.json();
  console.log(data);
}

Watch a video on thisOpens YouTube search results for “fetch and JSON” in a new tab

Quiz · +10 XP

fetch and JSON

Key points

Which keyword waits for a fetch to finish inside an async function?