TryUpdateModelAsync返回true但模型为空的问题排查

你的问题核心是控制器根本没收到前端的表单数据，导致TryUpdateModelAsync无法正确绑定模型，以下是具体原因和修复步骤：

1. AJAX未传递表单数据 #

你的AJAX代码中data是个空对象，且使用GET请求，没有将页面上用户编辑的表单值传给控制器。TryUpdateModelAsync返回true仅表示无绑定错误，但实际没有任何数据可绑定到新创建的DataModel实例，因此ID为默认值0、列表属性为空。

2. 请求方式与数据格式不匹配 #

• GET请求不适合传递包含列表的复杂模型数据，应改用POST。
• 你设置了contentType: "application/json"，但既未将表单数据转为JSON字符串，也未使用正确的表单序列化方式，导致ASP.NET Core模型绑定器无法识别数据。

3. 控制器路由不匹配 #

控制器方法名为UpdateDataAsync，但AJAX的url写的是UpdateModelData，两者名称不一致，请求未打到目标方法上（即便TryUpdateModelAsync返回true，也需修正此问题）。

4. 模型列表属性未初始化 #

DataModel中的Items、Stuff、Things为List<T>类型，默认值是null，模型绑定器无法向null列表添加元素，需在构造函数中初始化这些列表。

具体修复代码 #

第一步：修正模型，初始化列表属性 #

public class DataModel
{
    public int ID1 { get; set; }
    public int ID2 { get; set; }
    public List<ItemsModel> Items { get; set; }
    public List<StuffModel> Stuff { get; set; }
    public List<ThingsModel> Things { get; set; }

    // 构造函数初始化列表
    public DataModel()
    {
        Items = new List<ItemsModel>();
        Stuff = new List<StuffModel>();
        Things = new List<ThingsModel>();
    }
}

第二步：修改AJAX请求，传递表单数据并改用POST #

假设页面表单的id为editForm，修改AJAX代码：

function updateData() {
    let tableContainer = $("#generateDataContainer");

    try {
        tableContainer.empty();
        tableContainer.html('<div class="spinner-border" role="status"> <span class="sr-only">Loading...</span> </div>');

        // 序列化表单数据
        const formData = $("#editForm").serialize();

        $.ajax({
            url: "/@ViewContext.RouteData.Values["controller"]/UpdateDataAsync",
            cache: false,
            type: "POST", // 改用POST请求
            data: formData, // 传递序列化后的表单数据
            // 移除contentType，让jQuery自动设置为application/x-www-form-urlencoded
            dataType: "html",
            success: function (result) {
                tableContainer.empty();
                tableContainer.html(result);
            },
            error: function (request, status, error) {
                tableContainer.empty();
                console.error(error); // 打印错误信息方便调试
            },
        });
    } catch (e) {
        console.log(e);
    }
}

第三步：修正控制器方法，添加[HttpPost]特性 #

[HttpPost] // 添加POST特性，仅接受POST请求
public async Task<PartialViewResult> UpdateDataAsync()
{
    DataModel model = new DataModel();
    // 验证绑定是否成功
    var isSuccess = await TryUpdateModelAsync(model);
    if (!isSuccess)
    {
        // 绑定失败的处理逻辑，比如返回错误视图
        return PartialView("_Error");
    }
    return PartialView("_Generate", model);
}

额外调试技巧 #

若仍有问题，可在控制器中打印Request.Form内容，确认是否收到前端数据：

// 在UpdateDataAsync方法开头添加
foreach (var key in Request.Form.Keys)
{
    Console.WriteLine($"{key}: {Request.Form[key]}");
}

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