Laravel中DataTables创建5万条记录后出现Ajax错误的解决方法

核心问题 #

你前端开了serverSide: true（服务端分页），但后端直接用get()拉取了全部50000条员工记录，这会导致内存占用过高、请求超时，触发DataTables的Ajax错误。服务端分页的核心是只返回当前页需要的几十条数据，而非一次性查询所有数据。

修复步骤 #

1. 修改后端查询逻辑

把后端的get()换成查询构建器（不提前执行查询），让DataTables自动处理分页、排序、搜索：

public function index(Request $request)
{
    if ($request->ajax()) {
        // 这里不要用get()，直接返回查询构建器
        $query = Employee::with('position')
            ->select('id','name','email', 'position_id', 'image_path', 'recruitment_date', 'phone_number', 'payment');
            
        return Datatables::of($query)
            ->addIndexColumn()
            ->addColumn('position', function (Employee $employee) {
                return $employee->position->name;
            })
            ->addColumn('image_path', function ($data) { 
                $url=asset("images/$data->image_path");
                return '<img src='.$url.' class="rounded-circle" width="40" align="center" />'; 
            })
            ->addColumn('action', function($data){
                $button = '<a href="/admin/employees/'. $data->id .'/edit"  class="edit btn btn-primary btn-sm"> <i class="fas fa-fw fa-edit"></i>Edit</a>';
                $button .= '        <button type="button" name="edit" id="'.$data->id.'" class="delete btn btn-danger btn-sm">
                 <i class="fas fa-fw fa-trash"></i> Delete</button>';
                return $button;
            })
            ->rawColumns(['image_path', 'action'])
            ->make(true);
    }

    return view('admin.employees.index');
}

2. 可选性能优化

• 给employees表的position_id、name、email等常用查询字段添加数据库索引，加快关联查询和搜索速度。
• 若仍有超时问题，可适当调高php.ini里的max_execution_time和memory_limit（但优先保证分页逻辑正确）。

为什么200条数据时正常？

数据量较小时，一次性拉取所有数据不会触发内存或超时限制，但数据量达到5万条时，服务器无法处理超大数据集，直接导致请求失败。

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