Laravel：通过 AJAX 请求从 Blade 模板重定向到控制器-php教程-PHP中文网

Laravel：通过 AJAX 请求从 Blade 模板重定向到控制器

碧海醫心

发布： 2025-09-25 17:17:23

原创

141人浏览过

laravel：通过 ajax 请求从 blade 模板重定向到控制器

本文档旨在解决 Laravel 应用中，通过 AJAX 请求在 Blade 模板与控制器之间进行页面重定向的问题。主要介绍了如何修改控制器返回的数据格式，并在 AJAX 的 success 回调函数中处理重定向逻辑，从而实现页面刷新或跳转。

在 Laravel 应用中，直接从控制器通过 redirect() 方法处理 AJAX 请求通常不会达到预期的页面刷新或跳转效果。这是因为 AJAX 请求本身并不会自动处理服务器端的重定向响应。为了实现通过 AJAX 请求触发页面重定向，我们需要修改控制器返回的数据格式，并在客户端的 JavaScript 代码中处理重定向逻辑。

控制器端的修改

不再直接使用 redirect() 方法，而是返回一个 JSON 响应，其中包含重定向的状态和 URL。

if($validationPasses){
    return response()->json(["status" => "redirect", "url" => route('ticket_dashboard')]);
}

登录后复制

这里，route('ticket_dashboard') 生成名为 ticket_dashboard 的路由的完整 URL。确保在 routes/web.php 文件中定义了 ticket_dashboard 路由。例如：

Route::get('/ticket-dashboard', [YourController::class, 'index'])->name('ticket_dashboard');

登录后复制

客户端 JavaScript 代码的修改

AiPPT模板广场

AiPPT模板广场-PPT模板-word文档模板-excel表格模板

147

查看详情

在 AJAX 请求的 success 回调函数中，检查返回的 JSON 数据中的 status 字段。如果 status 为 redirect，则使用 window.location.href 将浏览器重定向到 url 字段指定的 URL。

$.ajax({
    type: "post",
    url: "{{env('APP_URL')}}/ticket-dashboard/updateTicket",
    dataType:'json',
    data: {"option":option, "status":status,"ticket_id":manual_ticket_id,'completed_id':'{{$user}}',"latest_ticket_log_id":latest_ticket_log_id,_token: '{{csrf_token()}}'},
    success: function (data) {
        console.log('-------');
        console.log(data);
        if(data['updated']){
            alert("The selected task was updated and page has to be refreshed before attempting to apply action to ticket again");
        }
        else {
            if(data.status === "redirect"){
               window.location.href = data.url;
            }
        }
    }
})

登录后复制

注意事项

确保控制器返回的 JSON 数据的格式正确，包含 status 和 url 字段。
在 JavaScript 代码中，正确解析 JSON 数据，并使用 window.location.href 进行重定向。
如果需要传递额外的数据到重定向的页面，可以通过 URL 参数传递。
在实际应用中，应该根据具体的业务需求，选择合适的重定向方式。例如，如果只需要刷新当前页面，可以使用 window.location.reload() 方法。

总结

通过修改控制器返回的数据格式，并在客户端 JavaScript 代码中处理重定向逻辑，可以实现 Laravel 应用中通过 AJAX 请求进行页面重定向。这种方法可以灵活地控制重定向的行为，并可以方便地传递额外的数据到重定向的页面。记住，服务器端仅仅是返回一个信号，真正的重定向动作是由客户端完成的。

以上就是Laravel：通过 AJAX 请求从 Blade 模板重定向到控制器的详细内容，更多请关注php中文网其它相关文章！