JavaScript Fetch API
تسمح واجهة Fetch API لمتصفح الويب بإجراء طلبات HTTP لخوادم الويب.
😀 لا حاجة إلى XMLHttpRequest بعد الآن.
دعم المتصفح
تحدد الأرقام الواردة في الجدول أول إصدارات المتصفح التي تدعم Fetch API بالكامل:
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
مثال على إحضار API
يجلب المثال أدناه ملفًا ويعرض المحتوى:
مثال
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
نظرًا لأن الجلب يعتمد على عدم التزامن والانتظار ، فقد يكون من الأسهل فهم المثال أعلاه على النحو التالي:
مثال
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);
}