¿Cómo volver a llenar los datos de la tabla al hacer clic en la página número 2 o en cualquier otra página? Estoy luchando sobre cómo hacer eso con los datos JSON provenientes de la respuesta ajax. Por favor ayuda, gracias!. Aquí está mi código

Controlador

 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 ]); }

Vista de hoja

 $(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>'); }); } }); }

}

Ruta

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