Jquery Ajax post方法给出空值

Question

我正在学习 Jquery Ajax 方法。我尝试发布一个 json 字符串，它使用 $.post 方法工作，但不能在 $.Ajax 方法中工作。它给出了 500 错误。请给出一些建议

---- $.post--- 方法 // 工作

   $.post("About.aspx?type=Test", { 'Data': '[{"Key":"454","Value":["1","3"]},{"Key":"496","Value":["1","2","3"]}]' }, function (result) {
                alert(result.d);
            });
   ----c#-----
    public void add()
    {
        string value = Request.Form["Data"];
    }

------$.Ajax post--------- 方法 // 不工作。但 如果我将数据传递为“{'data':'1'}”--working

      $.ajax({
                type: "POST",
                url: "Contact.aspx/add",
                dataType: "json",
                data:  "{'Data': '[{'Key':'454','Value':['1','3']},{'Key':'496','Value':['1','2','3']}]'}",
                contentType: "application/json; charset=utf-8",
                success: function (response) {

                },

                error: function (msg) {
                    alert(msg.status);
                }
            });
  -----c#----
   [WebMethod]
    public static void add( string Data)
    {
    }

Answer 1

更新：

我可能误解了您想要的内容 - 所以如果您真的想将 json 作为字符串发送到服务器，那么您的 data 应该如下所示：

data: {
    roleList : JSON.stringify([{"Key":"454","Value":["1","3"]},{"Key":"496","Value":["1","2","3"]}])
},

似乎您希望 roleList 作为您的 POST 变量名称； 而且在这里使用内置函数JSON.stringify() 要容易得多。现在几乎每个浏览器都支持它。

有关 contentType 的其他信息：
contentType 给了我一些奇怪的问题。似乎您最好不要使用它，因为您应该可以使用默认设置。有关详细信息，请参阅此问题：Cannot set content-type to 'application/json' in jQuery.ajax

原始答案：
JSON 你的 data 值是无效的 JSON 而只是一个字符串。加上contentType 无效。你完全可以不设置contentType，只使用默认设置：

$.ajax({
    type: "POST",
    url: "Contact.aspx/add",
    dataType: "json",
    data: {roleList:[{"Key":"454","Value":["1","3"]},{"Key":"496","Value":["1","2","3"]}]},
    //contentType: "application/json; charset=utf-8",
    success: function (response) {
        console.log(response);
    },

    error: function (msg) {
        console.log("error: ", msg.status);
    }
});