XMLHttpRequest ile API Getir

Fetch API'nin Promises kullandığını ve her ikisinin de bir sunucuya AJAX istekleri yapmanıza izin verdiğini biliyorum.

Getirme API'sının XMLHttpRequest(ve dayalı Getirme API'sı çoklu dolgusunda) bulunmayan bazı ekstra özellikleri olduğunu okudum XHR.

Getirme API'sının ekstra özellikleri nelerdir?

XHR ile değil, getirme ile yapabileceğiniz birkaç şey var:

• Önbellek API'sini istek ve yanıt nesneleriyle birlikte kullanabilirsiniz;
• no-corsCORS uygulamayan bir sunucudan yanıt alarak istekleri gerçekleştirebilirsiniz . Yanıt gövdesine doğrudan JavaScript'ten erişemezsiniz, ancak yanıt metnini diğer API'larla (ör. Önbellek API'sı) kullanabilirsiniz;
• Akış yanıtları (XHR ile tüm yanıt bellekte arabelleğe alınır, getirme ile düşük seviyeli akışa erişebilirsiniz). Bu henüz tüm tarayıcılarda mevcut değildir, ancak yakında kullanıma sunulacaktır.

XHR ile yapabileceğiniz ancak getirmeyle yapamayacağınız birkaç şey var, ancak er ya da geç kullanılabilir olacaklar (buradaki "Gelecekteki iyileştirmeler" paragrafını okuyun: https: //hacks.mozilla .org / 2015/03 / this-api-is-so-fetching / ):

• Bir isteği iptal et (@sideshowbarker yorumunda açıkladığı gibi, bu artık Firefox ve Edge'de çalışıyor);
• İlerlemeyi rapor edin.

Bu makale https://jakearchibald.com/2015/thats-so-fetch/ daha ayrıntılı bir açıklama içermektedir.

getirmek

• belgeleri tüketmek için yerleşik bir yöntemi kaçırmak
• henüz bir zaman aşımı ayarlamanın bir yolu yok
• içerik türü yanıt üstbilgisini geçersiz kılamıyor
• içerik uzunluğu yanıt başlığı mevcut ancak açıkta değilse , akış sırasında gövdenin toplam uzunluğu bilinmiyor
• istek tamamlanmış olsa bile sinyalin iptal işleyicisini arayacak
• yükleme ilerlemesi yok ( ReadableStreamistek gövdeleri henüz gelmediği durumlar için destek )

XHR

• için hiçbir yolu yoktur değil göndermek çerezler (kullanarak dışında standart dışı mozAnonbayrağı veya AnonXMLHttpRequestyapıcı)
• FormDataörnekleri döndüremiyorum
• fetchadlı kullanıcının no-corsmoduna eşdeğer değil
• her zaman yönlendirmeleri takip et

Yukarıdaki cevaplar iyi ve iyi bilgiler sağlıyor, ancak bu google geliştiricileri blog girişinde paylaşılanla aynı görüşü paylaşıyorum, çünkü ana fark (pratik bir perspektiften) geri dönen yerleşik sözün kolaylığıdır.fetch

Bunun gibi bir kod yazmak yerine

function reqListener() {
    var data = JSON.parse(this.responseText);
}

function reqError(err) { ... }

var oReq = new XMLHttpRequest();
oReq.onload = reqListener;
oReq.onerror = reqError;
oReq.open('get', './api/some.json', true);
oReq.send();

işleri temizleyebilir ve vaatler ve modern sözdizimi ile biraz daha özlü ve okunabilir bir şey yazabiliriz

fetch('./api/some.json')
    .then((response) => {
        response.json().then((data) => { 
            ... 
        });
    })
    .catch((err) => { ... });