如何在jQuery AJAX POST请求中实现控制器端重定向？

核心问题在于：AJAX请求默认不会自动处理控制器返回的重定向响应——浏览器会悄悄跟随302重定向获取目标页面的内容，但不会刷新当前页面，只会把目标页面的HTML作为AJAX的响应数据返回，所以你看不到页面跳转效果。

下面给你两种可行的解决方案，根据你的场景选择：

方案一：控制器返回跳转URL，前端手动执行重定向 #

这种方法保留AJAX的异步特性，同时实现类似控制器重定向的效果：

修改控制器代码 #

不要直接返回View()或RedirectToAction()，而是返回包含跳转URL的JSON结果：

private IActionResult AllDetails(string SearchCriteria) { 
  IEnumerable<Project> projects = _projectService.getAll(); 
  var list = new List<AllDetailsModel>(); 
  if (SearchCriteria != null) { 
    // 执行你的搜索逻辑操作
  } 

  // 根据业务逻辑生成目标页面的URL，比如跳转到项目列表页
  var redirectUrl = Url.Action("Index");
  return Json(new { redirectUrl = redirectUrl });
}

修改AJAX代码 #

在success回调里检查是否有跳转URL，有的话就触发页面跳转：

$.ajax({ 
  type: "POST", 
  url: "/Project/AllDetails", 
  data: { "SearchCriteria": JSON.stringify(AdvancedSearchModels) }, 
  dataType: "json", 
  async: false, 
  success: function (data) { 
    $("#AdvancedSearchFormModel").modal('hide'); 
    // 判断控制器是否返回了跳转指令
    if (data.redirectUrl) {
      window.location.href = data.redirectUrl; // 前端执行页面跳转
    } else {
      console.log('done');
      // 这里处理不需要跳转的逻辑
    }
  } 
});

方案二：改用普通表单提交（放弃AJAX） #

如果你的场景不需要AJAX的异步特性（比如不需要提交前的动态验证、加载动画等），直接用普通表单提交更简单，控制器可以正常执行重定向：

调整前端表单 #

把模态框里的搜索内容改成标准POST表单：

<form id="AdvancedSearchForm" action="/Project/AllDetails" method="POST">
  <!-- 你的搜索输入控件 -->
  <!-- 新增隐藏字段用于传递JSON格式的搜索条件 -->
  <input type="hidden" name="SearchCriteria" id="SearchCriteria" />
  <button type="submit">执行搜索</button>
</form>

表单提交前处理数据 #

用JS在表单提交前把你的AdvancedSearchModels转成JSON赋值给隐藏字段：

$("#AdvancedSearchForm").submit(function() {
  // 将搜索模型转为JSON字符串
  $("#SearchCriteria").val(JSON.stringify(AdvancedSearchModels));
  // 关闭模态框
  $("#AdvancedSearchFormModel").modal('hide');
  // 让表单正常提交，不需要阻止默认行为
});

控制器代码无需大改 #

现在控制器可以直接返回重定向结果，浏览器会自动处理：

private IActionResult AllDetails(string SearchCriteria) { 
  IEnumerable<Project> projects = _projectService.getAll(); 
  var list = new List<AllDetailsModel>(); 
  if (SearchCriteria != null) { 
    // 执行你的搜索逻辑操作
  } 

  // 正常返回重定向，浏览器会自动跳转
  return RedirectToAction("Index");
}

总结 #

• 如果你需要保留AJAX的异步交互能力，选方案一，通过控制器返回跳转URL让前端处理跳转；
• 如果不需要AJAX的特性，方案二的普通表单提交更直接，控制器可以像传统请求一样正常重定向。

内容的提问来源于stack exchange，提问作者am.cosomo