JavaScript Fetch API
The Fetch API interface allows web browser to make HTTP requests to web servers.
No need for XMLHttpRequest anymore.
Browser Support
The numbers in the table specify the first browser versions that fully support Fetch API:
Chrome 42
Edge 14
Firefox 40
Safari 10.1
Opera 29
Apr 2015
Aug 2016
Aug 2015
Mar 2017
Apr 2015
A Fetch API Example
The example below fetches a file and displays the content:
Example
fetch(file).then(x => x.text()).then(y => myDisplay(y));
Try it Yourself »
Since Fetch is based on async and await, the example above might be easier to understand like this:
Example
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
}
Try it Yourself »
Or even better: Use understandable names instead of x and y:
Example
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}
Try it Yourself »
★
+1
Reference: https://www.w3schools.com/js/js_api_fetch.asp
JavaScript Fetch API
JavaScript is the world's most popular programming language.
JavaScript is the programming language of the Web.
JavaScript is easy to learn.
This tutorial will teach you JavaScript from basic to advanced.
JavaScript is the programming language of the Web.
JavaScript is easy to learn.
This tutorial will teach you JavaScript from basic to advanced.