Блог

Главная - Вопросы по программированию - Разбиение на страницы Laravel с использованием JQUERY и AJAX

Разбиение на страницы Laravel с использованием JQUERY и AJAX

#jquery #json #ajax #pagination #laravel-8

Вопрос:

Когда я нажал на следующую страницу, отображаются только данные JSON, почему это так? Я застрял здесь примерно на два дня. Пожалуйста, помогите 🙁 вот скрипт в режиме просмотра

         $(document).ready(function() {

        fetchassociate();

        function fetchassociate() {
            $.ajax({
                type: "GET",
                url: "/fetch-associate",
                dataType: "json",
                success: function(response) {
                    $('tbody').html("");
                    $.each(response.associate.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.associate.links, function(key, link) {
                        $('#tablefoot').append( '<ul class="pagination pagination-sm m-0 float-left">
                <li class="page-item"><a class="page-link" href="' link.url '">' link.label '</a></li>
                </ul>');
                    });
                }

            });
        }
    }

ВОТ КОНТРОЛЛЕР

     public function fetchassociate()
{
    $associate = User::join('associate', 'associate.associate_id', '=', 'users.id')
    ->orderBy('last_name', 'ASC')
    ->paginate(5); 
    return response()->json([
        'associate' => $associate,
    ]);
}

маршрут

 Route::get('fetch-associate', [ManageController::class, 'fetchassociate']);

Вывод, когда я нажимаю на следующую страницу

Комментарии:

1. Первая страница работает нормально? Можете ли вы опубликовать свои результаты здесь в виде текста, а не изображения.

2. @Grumpy В представлении отображаются первые 5 данных. Однако, когда я нажимаю на страницу № 1, она также отображает данные JSON, как и при нажатии на страницу № 2. Вот текст вывода, который вы ищете. ссылка Спасибо.

Метки: