واجهة API Fetch في JavaScript

التعريف والاستخدام

fetch() يبدأ الطريقة عملية الحصول على الموارد من الخادم.

fetch() يستعيد الطريقة Promise معادلة إلى Object Response.

إشارة:ليس هناك حاجة إلى XMLHttpRequest بعد الآن.

المثال

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);
}

تجربة بنفسك

النحو

fetch(file)

الم 参数

الم 参数 وصف
file اختياري. اسم الموارد الذي تريد الحصول عليه.

الناتج

نوع وصف
Promise تفسير Promise إلى Object Response.

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

fetch() هي خصائص ECMAScript6 (ES6).

جميع المتصفحات الحديثة يدعمون ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
نعم نعم نعم نعم نعم

Internet Explorer 11 (وإصداراتها الأقدم) لا يدعمها fetch()。