Skip to content

Instantly share code, notes, and snippets.

@joe-oli
Forked from msmfsd/es7-async-await.js
Created November 19, 2019 00:50
Show Gist options
  • Save joe-oli/bc1b7360cd6f97f0f7144b1bae413fd6 to your computer and use it in GitHub Desktop.
Save joe-oli/bc1b7360cd6f97f0f7144b1bae413fd6 to your computer and use it in GitHub Desktop.
Javascript fetch JSON with ES7 Async Await
// Async/Await requirements: Latest Chrome/FF browser or Babel: https://babeljs.io/docs/plugins/transform-async-to-generator/
// Fetch requirements: Latest Chrome/FF browser or Github fetch polyfill: https://github.com/github/fetch
// async function
async function fetchAsync () {
// await response of fetch call
let response = await fetch('https://api.github.com');
// only proceed once promise is resolved
let data = await response.json();
// only proceed once second promise is resolved
return data;
}
// trigger async function
// log response or catch error of fetch promise
fetchAsync()
.then(data => console.log(data))
.catch(reason => console.log(reason.message))
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment