2013-05-09 3 views
-2

Я хочу сделать несколько простых разбиений на страницы, но у меня нет опыта в разработке клиентской части.
Итак, я проверил, как существующие веб-сайты делают это через: View Source из IE.
В youtube Я видел следующее:
Он отображает 20 результатов на страницу и предоставляет ссылки на 7 страниц.
Источник выглядит следующим образом:Не могу понять этот html-код для подкачки

<a href="/results?search_query=html+pagination&amp;page=1" class="yt-uix-button yt-uix-pager-button yt-uix-button-toggled yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="1" <span class="yt-uix-button-content">1</span></a> 

<a href="/results?search_query=html+pagination&amp;page=2" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="2" <span class="yt-uix-button-content">2</span></a> 

<a href="/results?search_query=html+pagination&amp;page=3" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="3" <span class="yt-uix-button-content">3</span></a> 

<a href="/results?search_query=html+pagination&amp;page=4" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="4" <span class="yt-uix-button-content">4</span></a> 

<a href="/results?search_query=html+pagination&amp;page=5" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="5" <span class="yt-uix-button-content">5</span></a> 

<a href="/results?search_query=html+pagination&amp;page=6" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="6" <span class="yt-uix-button-content">6</span></a> 

<a href="/results?search_query=html+pagination&amp;page=7" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="7" <span class="yt-uix-button-content">7</span></a> 

<a href="/results?search_query=html+pagination&amp;page=2" class="yt-uix-button yt-uix-pager-button yt-uix-sessionlink yt-uix-button-default" data-sessionlink="ei=73WLUfrBCsaZ8gOtjoDYAw" data-page="2"><span class="yt-uix-button-content">Next »</span></a> 

Так я предполагаю, что sessionlink, как идентификатор сеанса?
Как я могу использовать это в своем коде на стороне сервера?
Также почему Next относится к /results?search_query=html+pagination&amp;page=2?

+0

Его трудно понять, что вы просите. Его простая модель разбиения на страницы ... запрос в URL-адресе & page = 2 относится к номеру страницы. Запрос выполняется, и результаты со страницы 2 извлекаются с сервера и отображаются. – Monokh

+0

Поскольку следующая страница - это номер 2. Hrefs, безусловно, ссылаются на какой-то серверный скрипт, например php или cgi. 'yt-uix-sessionlink' является классом css, загляните в файл css. – Wookie88

+0

@Rubelet: для чего используется '& amp'? – Jim

ответ

0

Это может быть еще упрощена таким образом:

<a href="paged?page=1">« Prev</a> 
<a href="paged?page=1">1</a> 
<a href="paged?page=2">2</a> 
<a href="paged?page=3">3</a> 
<a href="paged?page=3">Next »</a> 

Только для чистой постраничной части, вам не нужно беспокоиться о идентификаторов сеансов. Существует переменная GET с именем page, которая передает номер страницы на страницу paged.

+0

Как насчет 'sessionlink'? – Jim

+0

Зависит от приложения. Если приложение требует, то да. Не нужен только для разбивки на страницы. –

+0

Это понятно для 3-х ссылок. Что происходит, когда пользователь нажимает 'Next' или' Prev'? – Jim

Смежные вопросы