fetch — بيانات حية من الإنترنت

المواقع الحقيقية تجيب بياناتها من الخدمات عبر fetch — جافاسكربت يطلب رابطاً وينتظر الجواب (لذا اسمها طلبات غير متزامنة):

fetch("https://jsonplaceholder.typicode.com/todos/1")
  .then(function (resp) {
    return resp.json();
  })
  .then(function (data) {
    console.log(data.title);
  });

السلسلة: fetch يطلب ← then الأول يحول الجواب إلى كائن ← then الثاني يستعمل البيانات. والصيغة العصرية الأقصر بـ async / await:

async function loadTodo() {
  const resp = await fetch("https://jsonplaceholder.typicode.com/todos/1");
  const data = await resp.json();
  console.log(data.title);
}

await معناها: انتظر هنا لحد ما يوصل الجواب، ثم كمل — الكود يقرأ مثل الكلام العادي رغم إنه يشتغل بالخلفية بدون تعليق الصفحة.