javascript - Ajax を使用せずにページ全体を更新するためにパフォーマンスを向上させる

Question

Ajax を使用せずに JavaScript を使用してページ全体を更新するために、パフォーマンスを向上させることはできますか? ページの更新プロセスを高速化するために、キャッシュやその他の手法を維持できますか?

Answer 1

ページを更新することで正確に何を意味するのかはわかりませんが、このようなことは、AJAX を使用せずに JavaScript のみで実現できます。

ページに 2 つのセクションがあるとします。2 番目のセクションの内容は、セクション 1 で選択した値に依存しますが、バリエーションは決定的なものです。その場合、2 番目のセクションのすべてのバリエーションをロードし、それらをページ内に隠しておくことができます。完了したら、最初のセクションのイベントに基づいて、2 番目のセクションで対応する詳細を表示/非表示にすることができます。

このシナリオの一般的な例の 1 つとして、国のリストと州のリストの例があります。国が米国/カナダなどとして選択されている場合に州のリストを表示し、残りの国についてはフリーテキストフィールドを表示したいとします。このシナリオでは、米国の州のリストとカナダの州のリストを事前に読み込み、それらを非表示にしておくことができます。ユーザーが国を選択すると、関連する州のリスト/フィールドを UI に表示できます。すべてクライアント側で。