I was wondering if there's any ES6 way of getting json or other data from a url.

jQuery GET and Ajax calls are very common but I don't want to use jQuery in this one.

A typical call would look like this:

var root = 'http://jsonplaceholder.typicode.com';



$.ajax({

  url: root + '/posts/1',

  method: 'GET'

}).then(function(data) {

  console.log(data);

});

or without jQuery something like this:

function loadXMLDoc() {

    var xmlhttp = new XMLHttpRequest();



    xmlhttp.onreadystatechange = function() {

        if (xmlhttp.readyState == XMLHttpRequest.DONE ) {

           if (xmlhttp.status == 200) {

               document.getElementById(myDiv).innerHTML = xmlhttp.responseText;

           }

           else if (xmlhttp.status == 400) {

              alert('There was an error 400');

           }

           else {

               alert('something else other than 200 was returned');

           }

        }

    };



    xmlhttp.open(GET, ajax_info.txt, true);

    xmlhttp.send();

}

My question is...Is there any new ways of doing this ... for example ES6 or is it still the same way?