JavaScript Fetch API

Το Fetch API διεπαφή επιτρέπει στους περιηγητές του Web να στείλουν HTTP αιτήματα στον διακομιστή Web.

Δεν χρειάζεται πλέον το 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 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);
}

Δοκιμάστε το προσωπικά