ajax post data 獲取不到資料，注意 content-type的設定 、post/get(轉)
阿新 • • 發佈：2018-11-29
ajax post data 獲取不到資料，注意 content-type的設定 、post/get
關於 jQuery data 傳遞資料。網上各種獲取不到資料，亂碼之類的。
好吧今天我也遇到了，網上一查各種糾結。亂碼不管先看獲取不到資料。
因為之前一直用jQuery ajax get的方式傳遞引數, 預設沒有設定過 contentType 的值。
1: var Skip = 49; //Number of skipped row
2: var Take = 14; //
3: function Load(Skip, Take) {
4: $('#divPostsLoader').html('<img src="ProgressBar/ajax-loader.gif">');
5: //send a query to server side to present new content
6: $.ajax({
7: type: "get",
8: url: "AjaxImage.ashx",
9: data: { Skip: Skip, Take: Take },
10: //contentType: "application/json; charset=utf-8",//(可以)
11: //contentType: "text/xml",//(可以)
12: //contentType:"application/x-www-form-urlencoded",//(可以)
13: //dataType: "string",
14: success: function (data) {
15: if (data != "") {
16: $('.thumb').append(data);
17: }
18: $('#divPostsLoader').empty();
19: }
20: })
21: };
chrome下，沒有設定contentType的值，好，我們來看預設情況：
預設引數通過url引數傳遞，請求的內容型別：application/x-www-form-urlencoded
一般處理檔案獲取引數內容：
1:
int Skip = Convert.ToInt32(context.Request["Skip"]); 2: int Take = Convert.ToInt32(context.Request["Take"]);
毫無壓力，因為我一直都是這麼幹的
，沒有任何問題。好了，來換一下請求的內容型別：
也都可以，引數獲取正常。這也就是我們說的get方式，引數是跟在url後邊，與Content-Type無關。
可是今天要用post方式了有木有。1: $.ajax({ 2: type: "post",
chrome下，沒有設定contentType的值，來看預設情況：
data資料由form表單提交，請求的內容型別：application/x-www-form-urlencoded，
好了，預設情況下一般處理檔案獲取引數也可以。
可是，但是 我最開始設定的是 contentType: "application/json; charset=utf-8"，看圖：
Request Paload 是什麼？？？
除錯一下，看我們的from裡邊，沒有內容：
好吧， 到這裡我們解決了.
經測試：
1: //contentType: "application/json; charset=utf-8",//(不可以)
2: //contentType: "text/xml",//(不可以)
3: contentType:"application/x-www-form-urlencoded",//(可以)
總結一下吧：本來get/post方式都是知道的，但注意，contentType與傳遞資料匹配（本文data）。
這個 contentType 的指定 是指 post 的body 型別。 一個是json 格式，一個是 urlencode 的 key value .
做過模擬登入、模擬提交資料的同學肯定都很清楚了。