使用 JQUERY 和 AJAX 在 Laravel 分页中重新填充表数据

Question

点击第2页或其他页面时如何重新填充表格数据？我正在努力解决如何使用来自 ajax 响应的 JSON 数据来做到这一点。请帮忙，谢谢！。这是我的代码

控制器

    function associate(Request $request)
{
    $associate = User::join('associate', 'associate.associate_id', '=', 'users.id')
    ->orderBy('last_name', 'ASC')
    ->paginate(5);

    if ($request->ajax()) {
        return response()->json($associate);
    }

    return view('dashboards.admin.manageassociate', [
       'associate' => $associate
    ]);
}

刀片视图

 $(document).ready(function() {

        fetchassociate();

        function fetchassociate() {
            $.ajax({
                type: "GET",
                url: "{{route('admin.associate')}}",
                dataType: "json",
                success: function(response) {
                     console.log(response.data);
                    $('tbody').html("");
                    $('#tablefoot').html("");
                    $.each(response.data, function(key, associates) {
                        $('tbody').append('<tr>\
                            <td>' + associates.associate_id + '</td>\
                            <td>' + associates.last_name + ', ' + associates.first_name + ' ' + associates.middle_name + '</td>\
                            <td>' + associates.username + '</td>\
                            <td>' + associates.email + '</td>\
                            <td>' + associates.phone + '</td>\
                            <td>' + associates.gender + '</td>\
                            <td><button type = "button" value = "' + associates.associate_id + '" class = "edit_associate btn btn-primary btn-sm">Edit</button>\
                            <button type = "button" value = "' + associates.associate_id + '" class = "delete_associate btn btn-danger btn-sm">Delete</button></td>\
                            </tr>');
                    });
                        $.each(response.links, function(key, link) {
                        $('#tablefoot').append( '<li class="page-item"><a class="page-link" href="'+link.url+'">'+link.label+'</a></li>');
                    });
                }

            });
        }

}

路线

Route::get('manage_associates', [ManageController::class, 'associate'])->name('admin.associate');

Answer 1

我已经通过更改url路由并在分页上添加点击功能解决了这个问题。