API Fetch لجافا سكربت

يُمكن لـ Fetch API أن يُسمح للمتصفح الإلكتروني بإرسال طلبات HTTP إلى الخادم على الويب.

ليس هناك حاجة إلى XMLHttpRequest.

دعم المتصفحات

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم API Fetch كاملاً:

Chrome	IE	Firefox	Safari	Opera
Chrome 42	Edge 14	Firefox 40	Safari 10.1	Opera 29
يونيو 2011	أغسطس 2016	أغسطس 2015	مارس 2017	أبريل 2015

في المثال التالي، يتم الحصول على الملف وعرض محتواه:

fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));

بما أن Fetch يعتمد على async و await، فإن الكود في المثال أعلاه قد يكون أكثر وضوحًا:

async function getText(file) {
  let x = await fetch(file);
  let y = await x.text();
  myDisplay(y);
}

حتى يمكن أن يكون أفضل: استخدم أسماءً واضحةً ومفهومةً بدلاً من x و y:

async function getText(file) {
  let myObject = await fetch(file);
  let myText = await myObject.text();
  myDisplay(myText);
}