fetch
The Fetch API provides an interface for fetching resources (including across the network). It will seem familiar to anyone who has used
XMLHttpRequest
, but the new API provides a more powerful and flexible feature set.
Using in Browsers
Not supported on all browsers. You can polyfill using watchwg-fetch
https://npmcompare.com/compare/node-fetch,whatwg-fetch
Using in Node.js
yarn add node-fetch
Importing:
import fetch from 'node-fetch';
If you use webpack, the following will work locally, but fail when deployed in webpack.
import * as fetch from 'node-fetch';
Text:
const response = await fetch(url);
console.log(response);
const text = await response.text();
response
:
{
ok true,
status: 200,
...
}
JSON:
const response = await fetch(url);
const json = await response.json();
Errors Handling
No errors are thrown.
No need for try/catch
const response = await fetch(url);
console.log(response);
if (!response.ok) {
...
}
response
:
{
ok false,
status: 404,
}
Last updated
Was this helpful?