右下ボタンを押下すると同じ番組が2つ表示されてしまう

Question

ニコ生APIの最新仕様
↑で書いているWindowsアプリケーションを作成しています。

ソースは↓になります。
https://github.com/otaks/CheckHot

1ページ目、2ページ目(*1)をとってきているはずですが、
右下ボタンを押下すると同じ番組が2つ表示(*2)されてしまいます。
なぜでしょうか？

(*1)
http://live.nicovideo.jp/recent?tab=common#/view_counter/desc/1
http://live.nicovideo.jp/recent?tab=common#/view_counter/desc/2

(*2)

Answer 1

http://live.nicovideo.jp/recent?tab=common#/view_counter/desc/1
へアクセスして２ページ目を押してみた所以下の様なリクエストが飛んでいました。

http://live.nicovideo.jp/realtimerecentonairstreams?sort=view_counter&tab=common&page=2&order=desc&tags=&tk

ですので
１ページ目を
http://live.nicovideo.jp/recent?tab=common#/view_counter/desc/1
とするのではなく
http://live.nicovideo.jp/realtimerecentonairstreams?sort=view_counter&tab=common&page=1&order=desc&tags=&tk
として
２ページ目も
http://live.nicovideo.jp/realtimerecentonairstreams?sort=view_counter&tab=common&page=2&order=desc&tags=&tk
としてリクエストしたものをスクレイピングすればやりたいことはできるのではないでしょうか

Comments

[otaks]

ご回答ありがとうございます。

提示されたURLを開くと従来のページではなく、番組部分だけ？が
のったHMTLが返ってきているようですね。たしかにこれを解析すれば
やりたいことができるかもしれません！
ちなみにこれらのURLはどのように分かったのでしょうか？後学のため
知りたいです。

[y_y3]

google chromeの検証ツールを開いてネットワークタブを開きます。
その状態でページネーションをクリックするとリクエストを見ることができます

[otaks]

教えてもらった手順で見れました。
提示してもらったURLの行のTypeがxhrとなっていて、これがいわゆるAjax(ページ遷移なしにページの一部を更新するもの？)かと思いました。ありがとうございます。

Answer 2

こんにちは。

おそらくGETパラメータ見てロード後にJS実行してコンテンツを切り替えているのでしょう。
クライアント側でJSメソッド実行してページ切替が必要では。

Comments

[otaks]

ご回答ありがとうございます。間違った知識かもしれませんが自分の認識は以下です。

・GETパラメータはサーバ側プログラムで利用される認識です。
・画像の個所はページ下の各ページへのリンクの番号であり、この部分はユーザー側でクリックしない限りは起動しない認識です。

[Tak1wa]

そうですね、なのでサーバー側でパラメーターを見てロード時のJSを組み立てるとか色々やってるのでは。

どちらのURLもリダイレクト時はまず一頁目が表示されますよね。
ですのでクライアント側で切り替えてるんじゃないかなぁと。