天天看點

jQuery ajax從背景取不到資料

  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的值,好,我們來看jquery中的預設情況:

jQuery ajax從背景取不到資料

預設參數通過url參數傳遞,請求的内容類型:application/x-www-form-urlencoded

一般處理檔案擷取參數内容:

int Skip = Convert.ToInt32(context.Request["Skip"]); 2: int Take = Convert.ToInt32(context.Request["Take"]);

毫無壓力,因為我一直都是這麼幹的

jQuery ajax從背景取不到資料

,沒有任何問題。好了,來換一下請求的内容類型:

1: //contentType: "application/json; charset=utf-8",//(可以) 2: //contentType: "text/xml",//(可以)

也都可以,參數擷取正常。      

這也就是我們說的get方式,參數是跟在url後邊,與Content-Type無關。

可是今天要用post方式了有木有。      

1: $.ajax({ 2: type: "post",

chrome下,沒有設定contentType的值,來看預設情況:      
jQuery ajax從背景取不到資料

data資料由from表單送出,請求的内容類型:application/x-www-form-urlencoded,

好了,預設情況下一般處理檔案擷取參數也可以。

可是,但是 我最開始設定的是 contentType: "application/json; charset=utf-8",看圖:

jQuery ajax從背景取不到資料

Request Paload 是什麼???

調試一下,看我們的from裡邊,沒有内容:

jQuery ajax從背景取不到資料

經測試:

1:              //contentType: "application/json; charset=utf-8",//(不可以)      
2:              //contentType: "text/xml",//(不可以)      
3:              contentType:"application/x-www-form-urlencoded",//(可以)      
總結一下吧:本來get/post方式都是知道的,但注意,contentType與傳遞資料比對(本文data)。      
做過模拟登入、模拟送出資料的同學肯定都很清楚了。