Last active
October 17, 2019 16:46
-
-
Save robvolk/99057492b8fd4d7d574bd89e4bde9f3b to your computer and use it in GitHub Desktop.
AJAX requests in ES6 using fetch()
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ES6 Fetch docs | |
// https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch | |
fetch('https://some.url.com') | |
.then(response => { | |
if (response.ok) { | |
return Promise.resolve(response); | |
} | |
else { | |
return Promise.reject(new Error('Failed to load')); | |
} | |
}) | |
.then(response => response.json()) // parse response as JSON | |
.then(data => { | |
// success | |
}) | |
.catch(function(error) { | |
console.log(`Error: ${error.message}`); | |
}); | |
}); |
@aquesadagt There is no need for these last characters. Probably, a typo.
Is it IE compatible?
I don't know, you'll have to try it. I'd imagine you'll need a polyfill to get that to work with older browsers.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thank you!
It was really useful!
Just one question:
Do we really need the last
});
?