Http請求中 content-type 和 dataType 區別

contentType: 告訴服務器，我要發什麼類型的數據

dataType：告訴服務器，我要想什麼類型的數據，若是沒有指定，那麼會自動推斷是返回 XML，仍是JSON，仍是script，仍是String。

 

$.ajax contentType 和 dataType , contentType 主要設置你發送給服務器的格式，dataType設置你收到服務器數據的格式。

在http 請求中，get 和 post 是最經常使用的。在 jquery 的 ajax 中， contentType都是默認的值：application/x-www-form-urlencoded，這種格式的特色就是，name/value 成爲一組，每組之間用 & 聯接，而 name與value 則是使用 = 鏈接。如： wwwh.baidu.com/q?key=fdsa&lang=zh 這是get , 而 post 請求則是使用請求體，參數不在 url 中，在請求體中的參數表現形式也是: key=fdsa&lang=zh的形式。

鍵值對這樣組織在通常的狀況下是沒有什麼問題的，這裏說的通常是，不帶嵌套類型JSON，也就是 簡單的JSON，形如這樣：

1 2 3 4 5

{      a: 1,      b: 2,      c: 3 }

可是在一些複雜的狀況下就有問題了。 例如在 ajax 中你要傳一個複雜的 json 對像，也就說是對象嵌數組，數組中包括對象，兄果你這樣傳：

1 2 3 4 5 6 7

{    data: {      a: [{        x: 2      }]    } }

這個複雜對象， application/x-www-form-urlencoded 這種形式是沒有辦法將複雜的 JSON 組織成鍵值對形式(固然也有方案這點能夠參考 ) ,你傳進去能夠發送請求，可是服務端收到數據爲空， 由於 ajax 沒有辦法知道怎樣處理這個數據。

這怎麼能夠呢？

聰明的程序員發現 http 還能夠自定義數據類型，因而就定義一種叫 application/json 的類型。這種類型是 text ， 咱們 ajax 的複雜JSON數據，用 JSON.stringify序列化後，而後發送，在服務器端接到而後用 JSON.parse 進行還原就好了，這樣就能處理複雜的對象了。

1 2 3 4 5

$.ajax({      dataType: 'json' ,      contentType: 'application/json' ,      data: JSON.stringify({a: [{b:1, a:1}]}) })

這樣你就能夠發送複雜JSON的對象了。

 

發送json數據：

 

Content-Type:application/x-www-form-urlencoded; charset=UTF-8  傳遞時即便傳json最終也會被轉爲key1=value1&key2=value2 .. 格式了

Content-Type 默認值下  不管get請求仍是post請求 都被轉爲key1=value1&key2=value2 ..