その他の方法

ライブラリ使う

• jQuery
• axios
• request
• superagent
• etc...

jQueryについては後ほど解説します。

fetch

• XMLHttpRequestはなし崩し的に使われてきた
• WHATWGが新しい仕様を策定中
  • PromiseベースのAPI
  • Headers Request Response といったクラスを定義
  • 最近のブラウザだと使える
    • 2016-08-16現在ではEdge, Firefox, Chrome, Operaが対応
• 参考
  • WHATWGによる仕様
  • Fetch API 解説、または Web において "Fetch する" とは何か？ - Block Rockin’ Codes

fetchの使用例

fetch(url)
    .then(res => res.text())    // .json() や .blob() もある
    .then(r => console.log(r));

// いろいろオプション書いたり
var headers = new Header();
fetch(url, {
    method  : 'POST',
    headers : headers,
    cache   : 'no-cache',
});

// 途中でキャンセルできる  
var fetching = fetch(url);
abortButton.addEventListener('click', () => {
    fetching.then(res => res.body.cancel());
});