如何通过jQuery的load API传递模型动态渲染局部视图？

其实你遇到的核心问题是：@Html.RenderPartial是服务器端直接渲染，模型本身就在服务器内存里，所以能直接传递；但jQuery的load是客户端发起HTTP请求，得通过请求把模型数据传给服务器，再让服务器返回渲染好的局部视图。下面给你两种常用的解决方案：

方案1：序列化整个模型，通过POST请求传递 #

这种方式适合模型数据不复杂、没有循环引用的场景：

第一步：在后端写一个返回局部视图的Action #

在你的Controller里新增一个Action，专门处理这个局部视图的请求，接收你的模型参数：

[HttpPost] // 推荐用POST，避免GET的长度限制
public ActionResult GetPartialView(YourModelType model)
{
    // 如果需要对模型做额外处理，在这里操作
    return PartialView("~/Views/Shared/_PartialView.cshtml", model);
}

第二步：前端修改jQuery代码，传递序列化后的模型 #

在你的CSHTML页面里，先把服务器端的模型序列化成JSON，再通过load传递：

// 把服务器模型转成客户端能识别的JSON对象
var modelData = @Html.Raw(Json.Encode(Model));

var loader = $('<div class="loader"></div>');
// 当第二个参数是对象时，jQuery会自动用POST请求传递数据
loader.load('/YourControllerName/GetPartialView', modelData, function(response, status) {
    if(status === "success") {
        // 加载成功后插入到目标元素
        $(cl).append(loader);
    }
});

方案2：传递模型关键ID，后端重新获取模型 #

如果你的模型数据量很大，或者有复杂的嵌套/循环引用，更推荐只传递模型的唯一标识（比如ID），后端根据ID重新查询模型：

第一步：后端Action修改为接收ID #

// 这里用GET也可以，因为只传一个ID参数
public ActionResult GetPartialView(int modelId)
{
    // 从数据库/服务中重新获取完整模型
    var model = YourDataRepository.GetModelById(modelId);
    return PartialView("~/Views/Shared/_PartialView.cshtml", model);
}

第二步：前端传递ID即可 #

// 直接从服务器模型中获取ID
var targetModelId = @Model.Id;

var loader = $('<div class="loader"></div>');
loader.load('/YourControllerName/GetPartialView', { modelId: targetModelId }, function() {
    $(cl).append(loader);
});

注意事项 #

• 确保模型的属性名称和后端Action的参数模型属性完全一致，这样ASP.NET的ModelBinder才能正确绑定数据。
• 如果用方案1，要避免模型有循环引用（比如A包含B，B又包含A），否则Json.Encode会抛出异常。
• 替换代码里的YourModelType、YourControllerName、YourDataRepository为你实际的类名和控制器名称。

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