Yii2 的 AJAX 请求中直接使用 redirect() 会导致 HTTP 302 响应被浏览器拦截，前端无法自动跳转，从而触发 jQuery 的 error 回调。正确做法是控制器返回 JSON 跳转地址，由 JavaScript 主动执行重定向。
yii2 的 ajax 请求中直接使用 `redirect()` 会导致 http 302 响应被浏览器拦截，前端无法自动跳转，从而触发 jquery 的 error 回调。正确做法是控制器返回 json 跳转地址，由 javascript 主动执行重定向。
在 Yii2 中，Controller::redirect() 方法默认会发送一个 HTTP 302 状态码并附带 Location 头，这在同步表单提交场景下可被浏览器自动处理，但在 AJAX 请求中，jQuery（或 Fetch API）不会自动跟随重定向——它会将 302 视为“非成功响应”，直接进入 error 回调，导致你看到控制台输出 'error'，即使后端逻辑已成功执行。
因此，解决方案是：分离“业务处理”与“跳转行为”——后端专注返回结构化结果，前端决定如何响应。
✅ 正确实现步骤如下：
-
控制器返回 JSON 响应（而非重定向）
使用 $this->asJson() 显式返回状态和目标 URL，并借助 yii\helpers\Url::to() 生成安全、环境自适应的路由链接：
use yii\helpers\Url;
public function actionSaveChanges()
{
$post = \Yii::$app->request->post();
// 执行业务逻辑（如更新数据）
$this->Posts->updateFields($post['request_id'], $post);
// 返回 JSON，不触发重定向
return $this->asJson([
'success' => true,
'url' => Url::to('/posts')
]);
}
? 提示：Url::to() 支持相对路径、路由别名及参数，比硬编码 /posts 更健壮，且兼容 URL 重写与子目录部署。
-
前端接收 JSON 并手动跳转
修改 AJAX 配置：- 将 dataType 改为 'json'（与后端响应类型一致）；
- 在 success 回调中解析 result.url 并执行跳转：
requestSend: function(e) {
let data = {
request_id: e.target.dataset.request_id
};
$.ajax({
url: '/posts/save-changes',
method: 'POST',
dataType: 'json', // ⚠️ 关键：匹配后端返回的 JSON 格式
data: data,
success: function(result) {
if (result.success && result.url) {
window.location.href = result.url; // 主动跳转
} else {
console.warn('Redirect URL missing in response');
}
},
error: function(xhr, status, error) {
console.error('AJAX request failed:', status, error);
// 可在此处显示用户友好的错误提示（如 Toast）
}
});
},
? 额外建议与注意事项：
- ✅ 始终校验后端返回数据结构（如 result.success），避免因异常响应导致跳转失败；
- ✅ 若需支持历史回退或 SPA 体验，可改用 window.location.replace(url) 防止重复提交；
- ❌ 避免在 AJAX 中混用 redirect() 和 exit() —— 这会中断响应体，导致 jQuery 无法解析 JSON；
- ? 敏感操作建议增加 CSRF 验证：Yii2 默认启用，确保前端请求携带 X-CSRF-Token 头（可通过 $.ajaxSetup({ headers: { 'X-CSRF-Token': ... } }) 全局配置）。
通过这种前后端职责清晰的协作模式，既能保障 AJAX 的异步可控性，又能实现平滑的页面导航，是 Yii2 开发中的标准实践。
