The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]



Вариант для распечатки  
Пред. тема | След. тема 
Форум WEB технологии (PHP)
Режим отображения отдельной подветви беседы [ Отслеживать ]

Оглавление

Разумная пагинация, CHIM (ok), 28-Окт-22, (0) [смотреть все]

Сообщения [Сортировка по времени | RSS]


12. "Разумная пагинация"  +/
Сообщение от wwwebcemail (ok), 03-Дек-22, 17:07 
Не вижу проблемы, нужен только небольшой рефакторинг.
По-хорошему, ajax должен запрашивать только данные, а не готовый html.
Ответ в результате ajax-запроса будет выглядеть примерно так:

{
    num_pages: 5,    // подсчитанное кол-во страниц, с учетом фильтров и т.п.
    page_limit: 50,  // кол-во записей на страницу
    data: [          // данные для текущей страницы
        { id: 123, text: "абырвалг..."},
        { id: 456, text: "абырвалг..."},
        { id: 789, text: "абырвалг..."}
    ]
}

сам запрос будет что-то типа такого:

$.ajax({
    url: "/data.php",
    method: "post",
    dataType: "json", // важно указать, что данные возвращаются в формате json. как вариант, можно прописать нужный header в ответе от PHP
    data: {
        param1: "фильтр 1",
        param2: "фильтр 2"
    },
    success: function(response) {
        // console.log(response); // для отладки
        if (response.data) {
            // тут код для заполнения и отображения таблицы
        }
        if (response.num_pages > 1) {
            // тут код для отрисовки пагинатора
            // для этого достаточно знать, сколько всего страниц будет и сколько записей на каждую страницу
        }
        // если страница одна, то можно не выводить пагинатор
    }
});

Далее, с помощью js на стороне клиента можно сформировать и таблицу, и пагинатор (см. комменты в коде выше).

Для пагинации можно взять любой готовый плагин jQuery, например, нашел вот такой простой плагин:
https://www.jqueryscript.net/other/simple-versatile-paginati...

Ответить | Правка | Наверх | Cообщить модератору

13. "Разумная пагинация"  +/
Сообщение от wwwebcemail (ok), 03-Дек-22, 17:11 
ну, или как вариант, можно на стороне сервера генерить весь html-код и отдавать ajax-ом.

{
    paginator: "html-код пагинатора",
    data: "html-код таблицы"
}

Ответить | Правка | Наверх | Cообщить модератору

Архив | Удалить

Рекомендовать для помещения в FAQ | Индекс форумов | Темы | Пред. тема | След. тема




Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру