API Fetch JavaScript

تعریف و استفاده

fetch() این روش فرآیند دریافت منابع از سرور را آغاز می‌کند.

fetch() این روش بازگشت یک Promise به Response Object انجام می‌دهد.

توجه:بیشتر نیازی به 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 مترجم به Response Object است.

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

fetch() این ویژگی‌ها از ECMAScript6 (ES6) هستند.

همه مرورگرهای مدرن پشتیبانی از ES6 (JavaScript 2015) را دارند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
بله بله بله بله بله

Internet Explorer 11 (و نسخه‌های قبلی) پشتیبانی نمی‌کند fetch()。