使用Fiddler测试Web API POST请求时Model为空的解决咨询

遇到这种Model绑定为空的情况，通常是表单数据的绑定方式或者请求配置出了问题，我给你几个具体的排查和解决步骤：

1. 给Model参数添加[FromForm]特性 #

Web API默认会尝试从请求体的JSON/XML中绑定数据，但表单提交的application/x-www-form-urlencoded或multipart/form-data格式数据，需要明确告诉框架从表单中获取值。修改你的POST方法：

[HttpPost]
public IActionResult Post([FromForm] DetailModel model)
{
    if (ModelState.IsValid)
    {
        // 这里写你的业务处理逻辑
        return Ok(model);
    }
    return BadRequest(ModelState);
}

2. 确认表单字段名与Model属性完全匹配 #

C#的属性名是大小写敏感的，所以前端表单的name属性必须和DetailModel的属性名完全一致（包括大小写）。比如HTML表单应该这样写：

<form method="post" action="/api/values">
    <input type="text" name="FirstName" placeholder="名">
    <input type="text" name="MiddleName" placeholder="中间名">
    <input type="text" name="LastName" placeholder="姓">
    <input type="text" name="Phone" placeholder="电话">
    <input type="email" name="Email" placeholder="邮箱">
    <button type="submit">提交</button>
</form>

如果是AJAX提交，也要确保FormData的键名和属性名一致：

const formData = new FormData();
formData.append('FirstName', 'John');
formData.append('MiddleName', 'Michael');
formData.append('LastName', 'Doe');
formData.append('Phone', '1234567890');
formData.append('Email', 'john@example.com');

fetch('/api/values', {
    method: 'POST',
    body: formData
})
.then(response => response.json())
.then(data => console.log(data));

3. 检查请求的Content-Type #

如果是手动设置AJAX的contentType，不要设置为application/json，表单数据应该使用默认值（FormData会自动设置为multipart/form-data），或者手动指定为application/x-www-form-urlencoded（如果是URL编码的键值对）。

4. 验证ModelState是否有错误 #

如果绑定还是有问题，可以在控制器方法里检查ModelState.IsValid，如果为false，打印出错误信息，能帮你定位具体哪个字段绑定失败：

[HttpPost]
public IActionResult Post([FromForm] DetailModel model)
{
    if (!ModelState.IsValid)
    {
        var errors = ModelState.SelectMany(x => x.Value.Errors.Select(e => e.ErrorMessage));
        return BadRequest(new { Errors = errors });
    }
    // 后续业务处理
    return Ok(model);
}

按照这几个步骤排查，应该就能解决Model为空的问题了。

内容的提问来源于stack exchange，提问作者Sarath Chirayil Subhash