Interfejs API pobierania JavaScript
Interfejs Fetch API umożliwia przeglądarce internetowej wysyłanie żądań HTTP do serwerów internetowych.
😀 Nie ma już potrzeby używania XMLHttpRequest.
Obsługa przeglądarki
Liczby w tabeli określają pierwsze wersje przeglądarek, które w pełni obsługują interfejs Fetch API:
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
Przykład Fetch API
Poniższy przykład pobiera plik i wyświetla zawartość:
Przykład
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
Ponieważ pobieranie jest oparte na asynchronii i oczekiwaniu, powyższy przykład może być łatwiejszy do zrozumienia w następujący sposób:
Przykład
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
}
Albo jeszcze lepiej: używaj zrozumiałych nazw zamiast x i y:
Przykład
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}