ajax post data 獲取不到數據，注意 content-type的設置 、post/get(轉)

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"]);

毫無壓力，由於我一直都是這麼幹的，沒有任何問題。好了，來換一下請求的內容類型：

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

也均可以，參數獲取正常。

這也就是咱們說的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 .作過模擬登陸、模擬提交數據的同窗確定都很清楚了。