API Fetch JavaScript

Ορισμός και χρήση

fetch() Η μέθοδος ξεκινά τον διαδικασία απόκτησης πόρου από τον διακομιστή.

fetch() Η μέθοδος επιστρέφει Promise που αναλύεται σε αντικείμενο Response.

Συμβουλή:Δεν χρειάζεται πλέον 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 Promise.

Υποστήριξη Περιηγητή

fetch() Είναι χαρακτηριστικά ECMAScript6 (ES6).

Όλοι οι σύγχρονοι περιηγητές υποστηρίζουν το ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ναι Ναι Ναι Ναι Ναι

O Internet Explorer 11 (και οι προηγούμενες εκδόσεις) δεν υποστηρίζει fetch().