Ajax Json 将 null 发布到控制器操作方法

Question

我有一个带有以下 AJAX Jquery 的剃刀视图，用于将 UserData 对象发布到控制器。它调用了action方法，但在控制器中调试时参数中的值为null。我在网上和 stackoverflow 上查看过类似的问题，但仍然看不到以下代码缺少什么：

在我看来：

$(document).ready(function(){
    $('#button').click(function(e){
        e.preventDefault();

        var UserData = {"name":"test"}

        $.ajax({
            url: '/Home/Send/',
            data : JSON.stringify(UserData),
            type: 'POST',
            traditional: true,
            contentType: 'json',
            success: function (data) {
                $('#message').html("json data was sent to controller");
            }
        });
    })});

在我的控制器中：

[HttpPost]
public JsonResult Send(UserData userdata)
{
    return Json(new { status = true });
}

public class UserData
{
    public string name { get; set; }
}

UserData 对象与我在 AJAX 帖子中发送的对象匹配，但控制器操作方法中的参数值为 null。

我还需要添加什么才能使数据通过控制器？

Answer 1

将您的 contentType 更改为 'application/json'。这告诉 ASP.NET MVC 将请求正文反序列化为 JSON，它将修复控制器上的 null 值。

您的 ajax 代码将类似于以下内容：

var UserData = {"name":"test"}

$.ajax({
    url: '/Home/Send/',
    data : JSON.stringify(UserData),
    type: 'POST',
    traditional: true,
    contentType: 'application/json',
    success: function (data) {
        $('#message').html("json data was sent to controller");
    }
});