为什么 postify 可以工作而 stringify 不行？

Question

在服务器端，我有以下类

public class EditorContext
{       
    public Module Module { get; set; }     
    public Holder Holder { get; set; }
}   
public class Module
{
    public string CodeName { get; set; }        
    public string Content { get; set; }
}
public class Holder
{
    public int Id { get; set; }    
    public int Type { get; set; }
}

public class EditorController : Controller
{                
    [HttpPost]        
    public ActionResult AddModule(EditorContext context)
    {            
        return Json(new { });
    }        
}

从客户端发送这样的请求

var data =
{
     Module:
     {
          CodeName: 1,
          Content: 2
     },
     Holder:
     {
          Type: 3,
          Id: 4
     }
};
$.ajax({
        type: "POST",
        url: 'Editor/AddModule',
        data: JSON.stringify(data),
        async: false,
        success: function () {
        },
        error: function (xhr, status, error) {
              throw new Error();
        }
});

1 - Fiddler 显示他发送了 {"Module":{"CodeName":1,"Content":2},"Holder":{"输入":3,"Id":4}}，但在服务器Request.Form = %7b%22Module%22%3a%7b%22CodeName%22%3a1%2c%22Content%22%3a2%7d%2c%22Holder%22%3a%7b%22Type%22%3a3%2c%22Id%22%3a4 %7d%7d，为什么？

2 - 如果我使用“postify”而不是“JSON.stringify(data)”，就像 此处，因此 EditorController.AddModule 已填充 EditorContext。此 postify 将数据更改为“Model.CodeName=1&Model.Content=2&Holder.Type=3&Holder.Id=4”。那么，为什么默认绑定器会自动填充 EditorContext，而在 (1) 中却不会呢？

谢谢

Answer 1

您需要告诉绑定器您的数据是 JSON，否则它不知道应该这样解析它。将正确的内容类型标头添加到您的请求中：

$.ajax({
        type: "POST",
        url: 'Editor/AddModule',
        data: JSON.stringify(data),
        contentType: "application/json",
        async: false,
        success: function () {
        },
        error: function (xhr, status, error) {
              throw new Error();
        }
});