javascript - javascriptで最近の検索を保存するには?

Question

ユーザーが検索を実行するとき、これらの検索設定は将来の使用のために保存する必要があります。

ユーザーはいくつかのフォーム フィールドに入力してから、検索を実行する必要があります。彼が新しい検索を実行すると、古い検索ができるはずです。

私はjavascript、jQueryを使用しています。

どうすればこれを行うことができますか？

つまり、データベースではなくローカルマシンに保存します。

Answer 1

HTML5 ローカル ストレージを使用して、保存された検索を保存および読み取ります。

// Write a local item..
localStorage.setItem("myKey", "myValue");

// Read a local item..
var theItemValue = localStorage.getItem("myKey");

// Check for changes in the local item and log them..
window.addEventListener('storage', function(event) {
    console.log('The value for ' + event.key + ' was changed from' + event.oldValue + ' to ' + event.newValue);
}, false);

// Check for HTML5 Storage..
function supports_html5_storage() {
    try {
        return 'localStorage' in window && window['localStorage'] !== null;
    } catch (e) {
        return false;
    }
}

Answer 2

このプラグインを試すことができますhttps://sites.google.com/site/daveschindler/jquery-html5-storage-plugin

あなたの目標は、アクションを実行する前に入力した検索を保存することです。そのため、フォームの onSubmit で、プラグインを使用してローカル ストレージに保存し、検索を実行します。

また、ユーザーがページにアクセスするたびにストレージからロードして、最後のいくつかの検索を取得する必要もあります。

Answer 3

Cookie または Web Storage を使用できます。Cookie はより多くのブラウザーでサポートされていますが、Web Storage の方が使いやすいです。Cookie を使用する場合は、この jQuery プラグインをお勧めしますhttps://github.com/carhartl/jquery-cookie

設定を保存するには$.cookie('key', 'value');

設定を読み取るには$.cookie('key');

すべての主要なブラウザーの最新バージョンでサポートされている Web Storage を使用する:

localStorage.setItem(key, value);
localStorage.getItem(key, value);

Google を使用して API の詳細を確認できます