通过AJAX向控制器传参后视图无法渲染的问题排查

你遇到的问题其实是AJAX使用的典型误区——咱们一步步拆解：

核心原因 #

• AJAX是异步获取数据/HTML片段的工具，它不会自动帮你把返回的内容渲染到页面上。你的success回调里只做了console.log(data)，也就是把视图的HTML代码打印到控制台而已，完全没把这段HTML插入到页面的DOM结构里，所以页面自然不会有任何变化。
• 至于你问的RedirectToAction，这里完全用不上：AJAX请求是异步的，后端返回的重定向指令（302状态码）只会被AJAX内部处理，它会自动去获取重定向目标的HTML，但依然不会帮你刷新页面或渲染内容——最终还是得你手动处理返回的HTML。

具体解决方案 #

1. 修复前端AJAX的回调逻辑 #

首先在页面上准备一个用来展示客户信息的容器：

<!-- 页面上添加一个容器，用来承载返回的视图内容 -->
<div id="clientInfoContainer"></div>

然后修改AJAX的success回调，把返回的HTML插入到这个容器里：

$.ajax({
    type: "POST",
    url: "/Client/ShowClient",
    data: "ClientCode=" + code,
    success: function (data) {
        // 把返回的视图HTML插入到指定容器中
        $("#clientInfoContainer").html(data);
    },
    error: function (data) {
        console.log(data);
    }
});

2. 可选：优化后端Action（更规范） #

如果这个视图只是用来展示客户信息的片段，不需要包含网站的布局（比如导航栏、页脚），可以把Action改成返回局部视图，这样能减少不必要的内容渲染：

[HttpPost]
public ActionResult ShowClient(string ClientCode)
{
    if (ClientCode == null)
    {
        return new HttpStatusCodeResult(HttpStatusCode.BadRequest);
    }
    ClientViewModel clientViewModel = this.clientService.FindByClientCode(ClientCode);
    if (clientViewModel == null)
    {
        return HttpNotFound();
    }
    // 返回局部视图，不加载_Layout布局
    return PartialView("ShowClient", clientViewModel);
}

3. 如果需要跳转页面，别用AJAX #

要是你的需求是直接跳转到一个全新的客户详情页面，那根本不需要AJAX，直接用浏览器跳转就行：

// 直接跳转到ShowClient页面，传递ClientCode参数
window.location.href = "/Client/ShowClient?ClientCode=" + code;

这种情况下，后端返回View或者RedirectToAction都能正常工作，因为这是浏览器的正常页面跳转，会自动渲染整个页面。

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