从JQuery传递对象列表到IActionResult后无法显示视图的问题

兄弟，你这个问题的核心是对AJAX的工作逻辑理解有点偏差，咱们一步步来拆解：

为什么当前代码不生效？ #

你用$.post发起的是AJAX异步请求，这种请求的特点是：只会在后台和服务器交互、拿到响应结果，但不会自动刷新页面或者帮你渲染新的View。你的控制器确实返回了ListAll视图的HTML内容，但这个内容只是作为AJAX请求的响应数据被前端拿到了，并没有被渲染到页面上，所以你看不到新页面。

解决方案一：简化流程，直接让控制器调用API（推荐） #

其实你现在的流程是「前端调API拿数据 → 前端把数据传给控制器 → 控制器返回视图」，多了一次不必要的前端转发。不如直接让控制器去调用API获取数据，前端只需要跳转页面就行，这样既简单又避免了模型绑定的问题：

修改控制器方法 #

using System.Net.Http.Json;

public async Task<IActionResult> ListAll()
{
    // 1. 构造AuthToken（和你前端的逻辑一致）
    var pathSegments = Request.Path.Value.Split("/");
    var authToken = "Token " + pathSegments[pathSegments.Length - 3];

    // 2. 调用API获取用户数据
    using var httpClient = new HttpClient();
    httpClient.DefaultRequestHeaders.Add("AuthToken", authToken);
    var users = await httpClient.GetFromJsonAsync<List<User>>("https://localhost:44324/api/User/ListAll");

    // 3. 返回视图
    return View("ListAll", users);
}

修改前端jQuery代码 #

$(function () {
    $("#btnGetUsers").click(function () {
        // 直接跳转到控制器的ListAll方法，由控制器完成API调用和视图返回
        window.location.href = '@Url.Action("ListAll", "User")';
    });
});

这种方案最简洁，也符合MVC的设计逻辑，避免了前端传复杂对象的麻烦。

解决方案二：保留前端AJAX流程，手动渲染视图内容 #

如果你一定要保留「前端先拿数据再传给控制器」的流程，那需要修改AJAX的回调逻辑，把控制器返回的视图HTML渲染到页面上：

修改前端jQuery代码 #

$(function () {
    $("#btnGetUsers").click(function () {
        var pathname = window.location.pathname.split("/");
        var settings = {
            contentType: "application/json",
            accepts: "application/json",
            beforeSend: function (request) {
                request.setRequestHeader("AuthToken", "Token " + pathname[pathname.length - 3]);
            },
            dataType: "json",
            type: "GET",
            url: "https://localhost:44324/api/User/ListAll",
            success: function (result) {
                // 把用户列表转成JSON字符串，避免模型绑定失败
                var userJson = JSON.stringify(result);
                // 发起POST请求，并指定响应类型为HTML
                $.post('@Url.Action("ListAll", "User")', { users: userJson }, function(viewHtml) {
                    // 替换整个页面的内容为新视图的HTML
                    $("body").html(viewHtml);
                    // 如果只想替换页面的某个区域，可以改成：$("#your-content-container").html(viewHtml);
                }, "html");
            },
            error: function () {
                alert("Error")
            }
        };
        $.ajax(settings);
    });
});

修改控制器方法 #

using System.Text.Json;

public IActionResult ListAll(string users)
{
    // 把JSON字符串反序列化为用户列表
    var userList = JsonSerializer.Deserialize<List<User>>(users);
    return View("ListAll", userList);
}

这里要注意：直接传List<User>对象通过AJAX POST可能会触发模型绑定失败，所以我们先把对象转成JSON字符串，再在控制器里反序列化，这样能保证数据正确传递。

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