자동 완성 (jQuery UI) 및 로컬 저장소

Question

두 도구를 사용할 때 이상한 버그가 발생합니다. API에 AJAX 쿼리를 작성한 다음 localStorage에 저장되고 자동 완성 패널에 표시되는 JSON 데이터를 가져옵니다. 문제는 자동 완성 소스의 출처에 따라 패널이 다르게 반응한다는 것입니다. 난 자동 완성 소스 결과 JSON.parse (데이터)을 전달하면 .Result

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')); 
} 

것은 괜찮을 것이다 : 여기

는 AJAX 성공 호출 콜백 함수이다. 그러나 localStorage.getItem ('ac_source')를 넘길 경우 AC 위젯은 바람에 불고있는 AJAX 요청을 보냅니다 (내 node.js가 파싱을 시도 할 것입니다).

내 코드의 다른 부분에서이 데이터에 액세스하려면 localstorage를 사용합니다 (다른 사용자 조사와 비교하고 요청이 동일하면 표시).

Answer 1

당신은 로컬 저장소 만 문자열 데이터를 저장할 수 있습니다 :

의 getItem의 반환 형식이 무엇

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

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