Async JS

es2016.js

const getArticles = async () => {
  try {
    const response = await fetch( 'articles.json' );
    const data = await response.json();

    data.articles.forEach( article => {
      let { author, title } = article;
      console.log( `${title} written by ${author}` );
    });
  } catch ( e ) {
    console.error( e );
  }
};

getArticles();

es5.js

var getArticles = function () {
  var xhr = new XMLHttpRequest();

  xhr.addEventListener( 'load', function ( e ) {
    if ( this.status >= 200 && this.status < 300 ) {
      var data = JSON.parse( this.responseText );

      data.articles.forEach( function ( article ) {
        var author = article.author;
        var title = article.title;

        console.log( title + ' written by ' + author );
      });
    } else {
      console.error( 'Ajax request error' );
    }
  }, false);

  xhr.addEventListener( 'error', function ( e ) {
    console.error( 'Ajax request error' );
  }, false);

  xhr.addEventListener( 'abort', function ( e ) {
    console.error( 'Ajax request error' );
  }, false);

  xhr.open( 'GET', 'articles.json', true );
  xhr.send();
}

getArticles();