結果の簡単なページネーションを行いたいのですが、クライアント側の開発の経験がありません。
そこで、既存の Web サイトがどのようにそれを行っているかを確認しました: View Source
of IE
.
で次のように表示されyoutube
ました:
ページごとに 20 件の結果が表示され、7 ページのリンクが提供されます。
ソースは次のとおりです。
<a href="/results?search_query=html+pagination&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&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&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&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&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&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&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&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&page=2
ですか?