検索結果画面を実装するなら「画面遷移」か「非同期」か？

Question

前提

Java(Spring) や JavaScript(jQuery) 学習中の者です。

考えていること

検索結果画面を実装する際、「画面遷移」か「非同期」か、どちらが多いでしょうか？

例えばAmazonで「書籍」と検索すると、URLは以下のようになります。

2ページ目に進めると、以下のURLになります。

検索キーワードやページ数をURLに保持し、
「画面遷移」で検索結果画面を実装しているのだと思います。

他のサイトも、このような感じが多いと思っています。
ただ、「非同期」で表示アイテムを入れ替えていく実装パターンもあるのかなと思いました。

検索結果画面を実装するならば、「画面遷移」が王道なのでしょうか？
またよろしければ、その理由も教えていただけると幸いです。
よろしくお願い致します。

Answer 1

早さを求めるなら「非同期」の方がHTTPリクエストが減る分だけ有利かと思います。

「画面遷移」のメリットは、URLから直接その検索結果に飛べる点かなと思います。
例えば、提示していただいたAmazonの検索結果URLをブックマークしておけば、すぐに「書籍の2ページ目」に遷移できます。

ただ、今時は「非同期」でも上記を行うこともできるので、個人的には主流は「非同期」に移ってるのかなと思います。

Comments

[ami613]

ご回答ありがとうございます！
なるほど、確かにブックマークは画面遷移の利点ですね。
そして非同期でも出来るんですね(；ﾟДﾟ)

Answer 2

ただ、「非同期」で表示アイテムを入れ替えていく実装パターンもあるのかなと思いました。

それをする場合にも、「URLで途中のページにアクセスできるようにする」、そして「検索結果を進めたときにはURL表示を切り替える」処理は入れたほうがいいです。そうしないと、検索結果一覧から項目に飛んでブラウザバックした場合に、元のリストへ戻れなくなります。

…という手間を考えれば、何も実装しなくてもブラウザバックが正しく行える、ページ遷移での実装のほうが楽は楽です。

Comments

[ami613]

ご回答ありがとうございます！
ブラウザバックで戻れなくなるのは、確かにと思いました。
URLに情報を持たせておいた方が、いろいろなケースに堅実に対応できそうです。