API‌های Fetch JavaScript

Fetch API به مرورگرهای وب اجازه می‌دهد درخواست‌های HTTP را به سرورهای وب ارسال کنند.

XMLHttpRequest دیگر مورد نیاز نیست.

پشتیبانی مرورگر

تعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبانی‌کننده از Fetch API است:

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