オートコンプリート（jQuery UI）とローカルストレージ

Question

これらの2つのツールを使用すると、ちょっと変わったバグがあります。 私はAPIにAJAXクエリを作成してから、localStorage内に保存され、オートコンプリートパネルに表示されるJSONデータを取得しています。問題は、オートコンプリートソースの起源に応じて、パネルが異なる反応をすることです。ここで

は、AJAXの成功に呼び出されるコールバック関数です：

function _company_names(data) 
{ 
    localStorage.setItem('ac_source', JSON.parse(data).Result); 

    // Works fine 
    $("#search_input").autocomplete("option", "source", JSON.parse(data).Result); 
    // Send an AJAX request 
    $("#search_input").autocomplete("option", "source", localStorage.getItem('ac_source')); 
} 

私はオートコンプリートのソースに結果としてJSON.parse（データ）.Resultを渡すと、それは罰金になります。しかし、localStorage.getItem（ 'ac_source'）を渡すと、ACウィジェットはAJAXリクエスト（自分の関数を使用しない）を風に吹き込みます（私のnode.jsはそれを解析しようとします）。

私はlocalstorageを使用して、自分のコードの他の部分からこれらのデータにアクセスします（他のユーザーの研究と比較して、要求が同じであれば表示します）。

Answer 1

あなたがローカルストレージに文字列データのみを保存することができます - 文字列

localStorage.setItem('ac_source', '{"key":"data","key1":"data1"}'); 

$("#search_input").autocomplete("option", "source", JSON.parse(localStorage.getItem('ac_source')).Result);