如何将jQuery Post数据绑定到C#自定义类型？

其实这个问题在ASP.NET（不管是MVC还是Core）里处理起来很简单，核心就是让前端传递的数据结构和后端的Comment类属性匹配，剩下的模型绑定工作框架会帮你完成。我分前端和后端两部分给你讲：

前端：正确构造请求数据 #

你已经用jQuery阻止了表单默认提交，接下来要做的就是把表单里的字段组装成和Comment类对应的JSON对象。这里有两种常用方式：

方式1：利用表单序列化（推荐，适合字段多的情况） #

只要你的表单输入框的name属性和Comment类的属性名完全一致（大小写要对应，比如CardID不能写成cardId），就可以用serializeArray()快速把表单数据转成对象：

$('.form').on('submit', function(e) {
    e.preventDefault();
    
    // 把表单序列化的数组转成键值对对象
    var formData = $(this).serializeArray();
    var comment = {};
    $.each(formData, function() {
        comment[this.name] = this.value;
    });

    // 发送POST请求到后端Action
    $.post('/YourController/AddComment', comment, function(response) {
        // 提交成功后的操作，比如提示用户
        alert('评论提交成功！');
    })
    .fail(function(error) {
        // 处理提交失败的情况
        console.error('提交出错了:', error);
    });
});

方式2：手动构造对象（适合字段少的情况） #

如果表单字段不多，你也可以直接根据输入框的ID或者name手动取值构造对象：

$('.form').on('submit', function(e) {
    e.preventDefault();
    
    var comment = {
        CardID: $('#CardID').val(), // 假设输入框ID是CardID
        UserID: $('#UserID').val(),
        Comment: $('#Comment').val()
    };

    $.post('/YourController/AddComment', comment, function(response) {
        // 成功回调
    })
    .fail(function(error) {
        // 错误处理
    });
});

后端：接收并自动绑定模型 #

后端的Action只需要做两件事：标记[HttpPost]特性，然后直接把Comment类作为参数——ASP.NET框架会自动将前端传递的JSON数据绑定到Comment实例上，完全不用你手动解析！

// 假设你的控制器是CommentController
public class CommentController : Controller
{
    private readonly YourDbContext _dbContext;

    // 构造函数注入DbContext（如果用EF Core的话）
    public CommentController(YourDbContext dbContext)
    {
        _dbContext = dbContext;
    }

    [HttpPost]
    public IActionResult AddComment(Comment comment)
    {
        // 先验证数据是否合法
        if (ModelState.IsValid)
        {
            // 这里的comment已经被正确赋值，ID由数据库生成，无需手动设置
            _dbContext.Comments.Add(comment);
            _dbContext.SaveChanges();
            
            // 返回成功结果给前端
            return Json(new { Success = true, Message = "评论添加成功" });
        }
        
        // 如果数据验证失败，返回错误信息
        return Json(new { Success = false, Message = "输入的数据不符合要求" });
    }
}

关键注意事项 #

• 属性名大小写一致：前端传递的对象键名要和后端Comment类的属性名完全匹配（比如CardID不能写成cardId），否则模型绑定会失败。如果想忽略大小写，ASP.NET Core可以在Startup/Program.cs里配置，但不推荐，保持一致更清晰。
• 表单输入框的name属性：如果用序列化方式，一定要确保输入框的name属性和类属性名一致，这是序列化能正确识别字段的关键。
• 数据验证：后端一定要检查ModelState.IsValid，避免非法数据存入数据库。你也可以在Comment类上添加数据注解（比如[Required]）来自动验证。

内容的提问来源于stack exchange，提问作者Jessie Cryer