ajaxを使用してWebアプリケーションのユーザー選択を保存する

Question

ColdFusionと従来のWebテクノロジ（html、css、javascript）を使用してWebアプリケーションを構築しています。

私は2つのdiv要素を持っている：

本部の1は、Ajaxによって更新されたテーブルが含まれているとSQL Server（ユーザーを1つずつ選択することができます文書のリスト）から情報を引き出し、ユーザーが行を選択しているの.as 、私はそれらを2番目のdivに表示するようにします（ユーザーは選択されたものを見ることができます）。

ユーザーが行を選択すると、その選択のデータをjavascript関数に渡して、2番目のdivをajaxで更新します。明らかにこのアプローチでは、1つの行（選択された1つ）の情報しか送信できません。

私の疑問は、選択したすべてのアイテムを追跡して、2番目のdivが選択されているものだけでなくすべてを表示できることです。クッキーを使ってそれらを保存する必要がありますか？私が持っている他の選択肢は何ですか？アプリケーションの画像の下

アプリケーションのレイアウト：助けを事前に

おかげ

Answer 1

あなたは、それはあなたのクライアント側のアプリケーションからアクセス可能であることをデータを保存するための複数のオプションを持っていますが、現在のアーキテクチャによって異なります。

• 同じブラウザで値を保持する場合は、localStorageを使用してください。これは、バックエンドと通信しません。localStorage.setItem('selectedItems', JSON.stringify(selectedItemsArray));
• アプリケーションによって名前空間が付けられたグローバル変数を使用します。例：window.myApp = {}; window.myApp.selectedItems = [...]
• ブラウザに存在するデータベースindexedDBを使用します。

ColdFusionフレームワークを使用しているため、オプションが制限されている可能性があります。 This answerには、アプリケーションスコープ変数の追加方法が記載されています。