2011-08-08 12 views
3

私は、ページをリフレッシュしながら、ユーザーの画面にページの要素を永続させるjQueryの方法を探しています。私はページを更新するとjQueryページの内容が失われます。ページをリフレッシュして、ユーザーがサブミットをクリックするまで要素をリフレッシュしない(永続的に)

ページを永続化する必要があります。ユーザーが「送信」ボタンをクリックするまで、ページをリフレッシュして要素をリフレッシュしない(永続的に)方法。これはどうすればできますか?

答えて

6

ページ全体をリフレッシュすると新しいページ全体が読み込まれるため、これまでに入力したデータをページに保存する唯一の方法は、リフレッシュする前にいくつかの保存場所に保存しておき、ページでは、ストレージの場所から読み込みます。データを格納するための

実現可能な場所は以下のとおりです。

  1. クッキー。
  2. ajax呼び出し(自動保存のような)を使用してサーバーから格納し、ajax経由で取得するか、サーバーが更新時に保存された値をフォームに戻すようにします。
  3. HTML5ウェブストレージに保存します(新しいブラウザでのみ動作します)。
  4. リフレッシュされていない別のウィンドウまたはフレーム(同じドメインから)に格納します。

他の可能性は、ページをリフレッシュすることを避けることです。あなたは最初にページをリフレッシュする理由は述べていませんが、ページ内の一部のコンテンツを更新する目的のためだけに、ajaxを使用して更新されたコンテンツを取得し、jQueryを使用して新しいコンテンツをページと完全にリフレッシュを避ける。そうすることで、ページ内の既存のデータは変更されません。

+0

+1クッキーに関する良いアイデア。私の脳はそこにも行かなかった:) – AlienWebguy

+0

@ jfriend00私は似たような状況を抱えていて、あなたの解決策は合っているだろう(私はAjaxを使って_header logotext_とmenu_を維持するコンテンツをロードしようとしているが、見て? http://stackoverflow.com/questions/32770490/how-to-properly-implement-an-ajaxify-plugin –