$.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,形如這樣:
{
a: 1,
b: 2,
c: 3
}
但是在一些複雜的情況下就有問題了。 例如在 ajax 中你要傳一個複雜的 json 對像,也就說是對象嵌數組,數組中包括對象,兄果你這樣傳:
{
data: {
a: [{
x: 2
}]
}
}
這個複雜對象, application/x-www-form-urlencoded 這種形式是沒有辦法將複雜的 JSON 組織成鍵值對形式(當然也有方案這點可以參考 ) ,你傳進去可以發送請求,但是服務端收到數據爲空, 因爲 ajax 沒有辦法知道怎樣處理這個數據。
這怎麼可以呢?
聰明的程序員發現 http 還可以自定義數據類型,於是就定義一種叫 application/json 的類型。這種類型是 text , 我們 ajax 的複雜JSON數據,用 JSON.stringify序列化後,然後發送,在服務器端接到然後用 JSON.parse 進行還原就行了,這樣就能處理複雜的對象了。
$.ajax({
dataType: 'json',
contentType: 'application/json',
data: JSON.stringify({a: [{b:1, a:1}]})
})
這樣你就可以發送複雜JSON的對象了。像現在的 restclient 都是這樣處理的。