javascriptを使用してページの動的部分をロードしながらキャッシュを実行するための最良の方法に関するサンプルコードを誰かに教えてもらえますか?
私の標準的な例には、ページの上部にあるユーザーのログインステータスとユーザー名以外は何も変更されないページが含まれます。jQueryとajaxリクエストを使用してこのテキストを変更するのは簡単ですが、私が行っているので、$(document).ready()
すばやく見ると、ajaxリクエストが発生して更新する前に、「ここをクリックしてログイン」のようなページの読み込みを確認できます。ページのセクション。
明確にするために編集:
ページ全体をキャッシュすると、次のようになります。
- ユーザーAがページをリクエストします
- ページはキャッシュされないため、アプリケーションは右上隅に「HiUserA」を含むhtmlを生成します
- ユーザーBがページをリクエスト
- ページはキャッシュされているので、アプリケーションはそのまま提供します-「HiUserA」ビットを含む<-これは動的に更新したい部分です。
理想的には、ステップ2で、ページは「Hi User A」ビットなしでキャッシュされるので、誰かがページを要求したときに、挨拶を取得するための単純なajax要求を行い、それをdomに押し込みます。
javascriptが進むべき道だと思いますが$(document).ready()
、ページがより自然にレンダリングされるように待つよりも良い方法が必要だと思います。
それが重要な場合(静的htmlに適用されるソリューションは私が行っていることでも機能するため、そうすべきではないと思いますが)、私はrails2.3.xとjQueryを使用しています。