Laravel表单提交后视图白屏，如何在返回JSON时添加重定向？

嘿，这个问题其实是因为你当前控制器返回的是纯JSON响应，浏览器收到JSON后不会自动触发重定向——毕竟JSON是给程序逻辑读的，不是用来让浏览器渲染页面的。根据你的表单提交方式，这里有两种最常用的解决方案：

方案一：同步表单提交场景（传统刷新提交） #

如果是普通的表单同步提交，你可以把JSON数据存在**会话（Session）**里，然后直接返回重定向响应，到目标页面后再从Session中取出数据：

控制器代码修改： #

$modules = Module::all();
// 用flash()把数据存入Session，只保留到下一次请求（正好适合重定向场景）
session()->flash('modules', $modules);
// 替换成你的视图页面路由/URL，比如用路由名称更可靠
return redirect()->route('your.view.route');

目标视图页面获取数据： #

在视图里可以直接取出Session中的数据，转成前端可用的格式或者直接渲染：

{{-- 先判断Session里有没有数据 --}}
@if(session()->has('modules'))
    <script>
        // 把PHP对象转成JS可识别的JSON
        const modules = @json(session('modules'));
        console.log('拿到的模块数据：', modules);
        // 这里可以写渲染页面的逻辑
    </script>
@endif

方案二：AJAX/异步表单提交场景 #

如果是前端用AJAX（比如Fetch、jQuery.ajax）提交表单，那后端继续返回JSON，由前端接收数据后自己处理重定向，同时可以把数据存在localStorage或者URL参数里：

后端代码保持不变： #

$modules = Module::all();
return response()->json(["modules"=> $modules]);

前端JS处理（以Fetch为例）： #

// 假设你已经拿到了表单数据formData
fetch('/your-form-submit-url', {
    method: 'POST',
    body: formData,
    headers: {
        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
    }
})
.then(response => response.json())
.then(data => {
    // 把数据存在localStorage，重定向后再取出
    localStorage.setItem('modules', JSON.stringify(data.modules));
    // 跳转到目标视图页面
    window.location.href = '/your-view-page-url';
})
.catch(error => console.error('提交出错：', error));

目标视图页面读取数据： #

// 页面加载时读取localStorage的数据
window.onload = function() {
    const modulesStr = localStorage.getItem('modules');
    if (modulesStr) {
        const modules = JSON.parse(modulesStr);
        console.log('拿到的模块数据：', modules);
        // 处理渲染逻辑
        // 用完记得删除，避免下次进入页面残留数据
        localStorage.removeItem('modules');
    }
}

小提醒 #

• 如果选择URL参数传递数据，要注意数据不能太大（浏览器对URL长度有限制），而且敏感数据不要这么传；
• Session的flash数据只会保留一次请求，重定向后就会自动销毁，不用担心数据残留。

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