Ön Uç Performans Optimizasyonu: XMLHttpRequest'i bırakıp fetch arayüzlerini tercih edin

Küçük · Yayınlandı 2.03.2026 09:02:01

Gereksinimler: Homolog köken durumunda, ön uç GET ve POST isteklerini arka uç arayüzüne gönderir, arayüz açık olduğu için herhangi bir kimlik doğrulama bilgisi taşıması gerekmez; örneğin: çerez bilgisi talep edilirken, XMLHttpRequest kullanılırken, nasıl yapılandırılırsa olsun, istek çerezi bilgisi silinemez, bu da istek paketinin içeriğinin büyümesine neden olur ve ayrıca ayrıştırmak için arka uç kaynaklarını boşa harcandır, ki bu anlamsızdır.

Arka uça istek göndermek için yerel XMLHttpRequest veya jQuery'nin Ajax programını kullansanız da, isteğin çerez bilgisi homolog durumunda kaldırılamaz ve kod şu şekildedir:

Giriş görünür.

ÇünküwithCredentials, alanlar arası için tasarlanmıştır。 Aşağıda gösterildiği gibi:

Ya da çerezler taşıyarak kaynak bant genişliği ve arka uç kaynaklarını boşa harcıyorlar。

Fetch ile değiştirdikten sonra kod şöyle görünüyor:

Giriş görünür.

Kimlik bilgileri aşağıdaki şekilde yapılandırılmıştır:

Çıkarma: Bir istekte kimlik bilgileri göndermeyin ve yanıtta kimlik bilgilerini eklemeyin.
aynı köken(varsayılan): Yalnızca gönderilen ve aynı kaynak isteği içeren kimlik bilgileri.
Bunlar: Alanlar arası erişim için bile, kimlik bilgilerini de eklediğinizden emin olun.

Test talebi, aşağıda gösterildiği gibi çok temiz ve ferahlatıcı:

Referans:Bağlantı girişi görünür.

[JavaScript] Ön Uç Performans Optimizasyonu: XMLHttpRequest'i bırakıp fetch arayüzlerini tercih edin

İlgili Yazılar