jquery - データベースなしでjquery/ajaxを使用してお気に入りの名前リストを追加および表示する

Question

私のウェブサイトを使用して、人々は世界中のどんな名前でも検索することができます。ユーザーは自分の特定の名前をお気に入りリストに追加できます。各ユーザーは、別のページでお気に入りの名前のリストを表示できます（1つのセッションでユーザーが追加した名前）。jquery /ajaxを使用してこれを行うための最良の方法を提案できますか？ありがとう。

Answer 1

ローカルストレージを使用してデータを保存できます。これと同じくらい簡単に動作します：

localStorage.setItem('key', 'value');
localStorage.getItem('key'); // returns 'value'

インクリメントキーを使用して名前を保存できます。

localStorage.setItem('name-' + (localStorage.length + 1).toString(), 'favName');
// Names stored as 'name-0', 'name1', ...

次に、リストを取得するには：

var names = new Array();

if (localStorage) {
    if (localStorage.length) {
       for (var i = 0; i < localStorage.length; i++) {
           names[i] = localStorage.getItem('name-' + i.toString());
       }
    } else {
       names[0] = 'You have no favorite names stored';
    }
}

totalStorageやjstorageのように、Webストレージをサポートしていないブラウザー（ie6でも）でフォールバックを提供するプラグインがいくつかあります。