本文档旨在解决 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 代码的修改
在 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中文网其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1321775.html
微信扫一扫 
支付宝扫一扫 
