Javascript ES6 URL（jQueryなし）からJSONを取得

Question

jsonやその他のデータをURLから取得する方法があるかどうかは疑問でした。

jQuery GETとAjaxの呼び出しは非常に一般的ですが、jQueryをこのメソッドで使用したくありません。

典型的な呼び出しは次のようになります。

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

$.ajax({ 
    url: root + '/posts/1', 
    method: 'GET' 
}).then(function(data) { 
    console.log(data); 
}); 

やjQueryのすることなく、このような何か：

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(); 
} 

私の質問は...であるこれを行うのいずれかの新しい方法があります...例えばES6と同じかそれともまだ同じですか？はい新しいFetch APIを使用して、そこにある

https://developer.mozilla.org/en/docs/Web/API/Fetch_API

Answer 1

は、APIに

例をFETCH。あなたのような何かをやってと同じくらい、それをcompessできることを使用：

fetch(url).then(r => r.json()) 
    .then(data => console.log(data)) 
    .catch(e => console.log("Booo")) 

をしかし、それはまだすべてのブラウザでサポートされていないとAPIの実装を取得ではない、誰もが平等に肯定的です。

とにかく、あなたはそれに関する自分の意見を作成し、それについてもっと読むことができますhere。

Answer 2

：詳細については

// url (required), options (optional) 
fetch('https://davidwalsh.name/some/url', { 
    method: 'get' 
}).then(function(response) { 

}).catch(function(err) { 
    // Error :(
}); 

：

Answer 3

何がしたいことはFetch APIですが、API を取得するには、ES6の一部ではない - ちょうどES6で標準化された約束を、使用することを起こります。

window.fetch('/path/to.json') 
    .then(function(response){ 
     return response.json(); 
    }).then(function(json){ 
     return doSomethingWith(json); 
    }); 

あなたが取得APIを持っていないブラウザをサポートする必要がある場合は、GitHubのはpolyfillをオープンソース化しました：取得APIでURLからJSONを取得するには

。