Skip to content

Instantly share code, notes, and snippets.

@rafabarbosa
Forked from msmfsd/es7-async-await.js
Created December 11, 2017 11:56
Show Gist options
  • Save rafabarbosa/44e66b809fdf0134925b16c00fd79202 to your computer and use it in GitHub Desktop.
Save rafabarbosa/44e66b809fdf0134925b16c00fd79202 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