Fetching Data – `fetch` API & JSON

The modern fetch API replaces XMLHttpRequest.

fetch('https://api.example.com/users')
  .then(res => {
    if (!res.ok) throw new Error('Network error');
    return res.json();
  })
  .then(users => console.table(users));

• fetch returns a Promise that resolves with a Response object.
• Use response.json() to parse JSON; response.text() for raw text.
• Request options: method, headers, body.

---

Example: POST JSON data

fetch('/login', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ username, password })
})
.then(r => r.json())
.then(data => console.log(data));