JavaScript Fetch API
Examples
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
Try it Yourself »
Fetch is based on async and await. The example might be easier to understand like this:
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
}
Try it Yourself »
Use understandable names instead of x and y:
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}
Try it Yourself »
Definition and Usage
The fetch() method starts the process of fetching a resource from a server.
The fetch() method returns a Promise that resolves to a Response object.
😀 No need for XMLHttpRequest anymore.
Syntax
fetch(file)
Parameters
| Parameter | Description |
| file | Optional. The name of a resource to fetch. |
Return Value
| Type | Description |
| Promise | A Promise that resolves to a Response object. |
Browser Support
fetch() is an ECMAScript6 (ES6) feature.
ES6 (JavaScript 2015) is supported in all modern browsers:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
fetch() is not supported in Internet Explorer 11 (or earlier).
