fetch vs xhr

why fetch is so popular!!
chromeのnetworkではfetchかxhrかがわかります.そもそもfetchはxhrのパッケージではないかと思っていたのですが、jQueryのajaxのように・・・

Promise vs callback

同期要求vsは同期要求

をサポートしない.

同期要求vsサポートキャンセル要求

リクエスト進捗vs xhrを表示できません.onprogressコールバック要求進捗状況の表示

fetchは、nodeと同様にRequestおよびResponseオブジェクトを提供する.js! Response.bodyはReadableStreamです.so,http statusもbodyの一部である.

responseを操作したり、偽のデータを返したりすることはできますが、ServiceWorkerでしかできません.

var myBody = new Blob();
addEventListener('fetch', function(event) {
  event.respondWith(new Response(myBody, {
    headers: { "Content-Type" : "text/plain" }
  });
});