.NET 8 Razor Page中Ajax POST传参始终为Null问题求助

问题说明 #

在.NET 8 Razor Page中，使用Ajax POST请求向处理方法传递包含Consumer对象、整数和字符串的多参数时，后端处理方法始终接收到Null值。

核心问题排查与修复步骤 #

1. 客户端Ajax请求的关键错误修正 #

• 原代码中ChannelOfContactibility: "MAIL"是HTML转义字符，需替换为普通双引号"MAIL"
• 确保consumer对象的属性名、大小写与服务端Consumer类完全一致（JSON序列化默认区分大小写）
• 补充Ajax请求的回调逻辑，方便调试请求状态

2. 服务端模型与方法的注意事项 #

• 确保Consumer类具备无参公共构造函数且所有属性为公共可读写（.NET JSON序列化要求）
• 确认[FromBody]特性正确标记在模型参数上，保证从请求体解析JSON数据

修正后的完整代码示例 #

客户端代码 #

var PartyUpdate = parseInt($('#hfIsPartyChange').val(), 10);
console.log(consumer);
$.ajax({
    type: 'POST',
    url: getRootPath() + '/AjaxHandlers/Details?handler=UpdateConsumer',
    headers: {
        'RequestVerificationToken': token
    },
    data: JSON.stringify({ 
        Consumer: consumer, 
        UpdateConsumer: PartyUpdate, 
        ChannelOfContactibility: "MAIL" 
    }),
    contentType: 'application/json; charset=utf-8',
    dataType: 'json',
    success: function(response) {
        console.log("请求成功", response);
    },
    error: function(xhr, status, error) {
        console.error("请求失败", xhr.responseText);
    }
});

服务端代码 #

// 确保Consumer类符合序列化要求
public class Consumer
{
    // 示例属性，需与客户端consumer对象字段名完全匹配
    public int Id { get; set; }
    public string Name { get; set; }
    // 其他业务属性...
}

public class UpdateConsumerRequest
{
    public Consumer Consumer { get; set; }
    public int UpdateConsumer { get; set; }
    public string ChannelOfContactibility { get; set; }
}

public IActionResult OnPostUpdateConsumer([FromBody] UpdateConsumerRequest request)
{
    if (request == null)
    {
        return BadRequest("请求参数无效");
    }

    // 使用接收到的参数
    Consumer consumer = request.Consumer;
    int updateConsumer = request.UpdateConsumer;
    string channel = request.ChannelOfContactibility ?? "MAIL";

    // 后续业务逻辑处理...

    return new JsonResult(new { Success = true });
}

额外调试技巧 #

• 打开浏览器开发者工具的网络标签，查看请求的Payload，确认JSON格式是否正确
• 服务端可添加日志输出，打印请求体原始内容，排查序列化失败的具体原因

内容的提问来源于stack exchange，提问作者rahul singh