JavaScript Fetch API

Fetch API ਇੰਟਰਫੇਸ ਵੈਬ ਬਰਾਉਜ਼ਰ ਨੂੰ ਵੈਬ ਸਰਵਰ ਨੂੰ HTTP ਬੇਨਤੀ ਦੇਣ ਦੀ ਅਨੁਮਤੀ ਦਿੰਦਾ ਹੈ。

XMLHttpRequest ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਨੰਬਰਾਂ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਫੈਚ ਏਪੀਆਈ ਦੀ ਪਹਿਲੀ ਬਰਾਉਜ਼ਰ ਸੰਸਕਰਣ ਨੂੰ ਦਰਸਾਇਆ ਗਿਆ ਹੈ:

Chrome IE Firefox Safari اپرا
کروم 42 اسکای 14 فایرفاکس 40 سافاری 10.1 اپرا 29
ژوئن 2011 آگوست 2016 آگوست 2015 مارس 2017 آوریل 2015

مثال Fetch API

در این مثال، فایل را دریافت کرده و محتوای آن را نمایش می‌دهد:

مثال

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

خودتان امتحان کنید