Chrome geliştirici araçları Ağ sekmesinde görüldüğü gibi "Yük Talebi İste" ile "Form Verileri" arasındaki fark nedir?

Desteklemem gereken eski bir web uygulamam var (yazmadım).

Bir formu doldurup gönderdiğimde Chrome'daki "Ağ" sekmesini kontrol ettiğimde, normalde "Form Verileri" ni görebileceğim "Yük İsteği" ni görüyorum. İkisi arasındaki fark nedir ve biri diğeri yerine ne zaman gönderilir?

Bunu Google'da aradı, ancak bunu açıklayan herhangi bir bilgi bulamadı (yalnızca javascript uygulamalarını "Talep Yükü" yerine "Form Verileri" göndermeye çalışan kişiler).

İstek Yükü - ya da daha kesin olarak söylemek gerekirse: HTTP İsteğinin yük yükü gövdesi - normalde POST veya PUT İsteği ile gönderilen verilerdir . Bu başlıkları ve sonrasında parçası CRLFa HTTP isteği .

İle yapılan bir istek Content-Type: application/jsonşöyle görünebilir:

POST /some-path HTTP/1.1
Content-Type: application/json

{ "foo" : "bar", "name" : "John" }

Bunu AJAX başına gönderirseniz, tarayıcı size yük kapasitesi olarak ne gönderdiğini gösterir. Yapabileceği tek şey bu, çünkü verilerin nereden geldiği hakkında hiçbir fikri yok.

İle bir HTML Formu gönderirseniz method="POST" ve Content-Type: application/x-www-form-urlencodedya Content-Type: multipart/form-dataisteğinize bu gibi görünebilir:

POST /some-path HTTP/1.1
Content-Type: application/x-www-form-urlencoded

foo=bar&name=John

Bu durumda form verileri istek yüküdür. Burada Tarayıcı daha fazlasını biliyor: çubuğun gönderilen formun giriş alanı foo değeri olduğunu biliyor. Ve size bunu gösteriyor.

Bu nedenle, Content-Typeverilerin sunulma biçiminde farklılık gösterirler, ancak verilerin sunulma şekli farklı değildir. Her iki durumda da veriler ileti gövdesinde bulunur. Chrome, verilerin Geliştirici Araçları'nda size nasıl sunulduğunu ayırt eder.

Chrome'da, 'Content-Type: application / json' ile yapılan istek PayedLoad İsteği olarak gösterilir ve verileri json nesnesi olarak gönderir.

Ama birlikte isteği 'İçerik Türü: application / x-www-form-urlencoded' gösterileri Formu Data ve verileri gönderir Key: Değer Pair bir anahtarla nesnenin dizisi varsa, bu yüzden o yassı o anahtarın değerini:

{ Id: 1, 
name:'john', 
phones:[{title:'home',number:111111,...},
        {title:'office',number:22222,...}]
}

gönderir

{ Id: 1, 
name:'john', 
phones:[object object]
phones:[object object]
}