Horumarinta Web Full Stack
Tallaabo 7 / 21120 daqiiqo

JavaScript Async & Fetch

Aasaaska JavaScript

Sharaxaad

Promises, async/await, iyo fetch waxay u oggolaadaan app-kaaga inuu soo qaado xog fog oo uu maareeyo loading, success, iyo error.

Tusaale code

javascript
async function loadUsers() {
  const status = document.querySelector("#status");
  status.textContent = "Loading...";
  try {
    const res = await fetch("https://jsonplaceholder.typicode.com/users");
    if (!res.ok) throw new Error("Request failed");
    const users = await res.json();
    status.textContent = `Loaded ${users.length} users`;
  } catch (error) {
    status.textContent = error instanceof Error ? error.message : "Error";
  }
}

loadUsers();

Agab waxtar leh

Layli

Soo qaado API dadweyne oo natiijooyinka ku soo bandhig loading iyo error UI.