Как сделать такую пагинацию?

Question

[Александр]

Товарищи, здравствуйте!
Хотелось бы сделать такую же пагинацию как на этом сайте(не реклама):
webformyself.com/category/premium
Как видно в uri нету параметров текущей страницы и я не пойму как сделать так же...
Получается это здесь делается как-то на клиенте? То есть выбираются все данные,а на клиенте уже идет все основная работа? Большое спасибо всем!

Answer 1

[Александр Зачиналов]

Да, все страницы сразу прогружаются в своем блоке, активный пагинатор указывает какая из них в данный момент видима, то есть по сути это даже не пагинация, а табуляция

Comments

[Александр]

Спасибо большое, а с точки зрения оптимизации это хорошее решение?

[pibiv]

Александр: нет, представьте что у вас 10000 страниц и представте нагрузку. Через ajax правильней. Такое решение класное если вы знаете что у вас максимум 100-200 записей конктента

[Александр]

pibiv: спасибо, будем пробовать через аякс;)

[Александр Зачиналов]

ну в наше время не так критично, лет пять назад расстреляли бы за такое)) тут не сильно много контента и он не тяжелый, все равно что сразу все пять страниц показать сразу на одной. А пагинация такая чисто декоративный инструмент, для удобства просмотра. Еще нужно учитывать что при таком подходе в данном случае нет хеша никакого, то есть урлом сразу не попадешь на 4 лист, например, если вам нужен такой функционал

Answer 2

[Михаил Чирский]

Мне вот интересно где вы тут AJAX увидели, тут все гораздо проще на примере этого сайта, получают кол-во данных из бд, делят на % числа и получают кол-во page, в данном случае у них их 5, каждый page - это id="page-num", и в каждом максимум 8 товаров, изначально все блоки кроме 1 скрываются, и показыаются по клику на номер, номер это index блока, который нужно открыть, ну вам правильно ответил pibiv, если будет много страниц сразу на странице, даже скрытых, сайт будет грузится долго.

А AJAx простите тут вообще нету, открыл консоль покликал, и кроме yandex метрики ничего не увидел.

Comments

[Александр]

Спасибо)

[Михаил Чирский]

Александр: На здоровье)

Answer 3

[Dimonchik]

AJAX

посомтрите дебагом, что и как отправляется
www.telerik.com/fiddler

там POST, а иногда и GET отправляет на сервер, примерно как подсказки в Яндексе/Гугле

Comments

[Александр]

Спасибо; )

[entermix]

Там не AJAX, хоть бы посмотрели, для приличия :)

Answer 4

[Александр Пупкин]

Это реклама! т.к. я добавил сайт в закладки (=