페이지 이동 시 검색필터가 저장 될 수 있도록 sessionstorage를 사용하고 있는데 막혀버렸습니다 ㅠㅠ

Question

현재 입력한 상태가 이렇습니다.qnaList.saving_condition &#61; function (searchOption) { sessionStorage.setItem('condition', JSON.stringify(searchOption)); $(&#34;#InquiriesSearch&#34;).val(searchOption.key); $(&#34;#InquirieSelect&#34;).val(searchOption.field); $('input[name&#61;cp_item3]:checked').val(searchOption.confirmation_status); $(&#34;#reg_ts_from&#34;).val(searchOption.reg_ts_from); $(&#34;#reg_ts_to&#34;).val(searchOption.reg_ts_to); $(&#34;#check_ts_from&#34;).val(searchOption.check_ts_from); $(&#34;#check_ts_to&#34;).val(searchOption.check_ts_to); var getitem &#61; JSON.parse(sessionStorage.getItem(searchOption)); var arr &#61; JSON.parse(getitem); console.log(arr); sessionStorage.removeItem(searchOption); // qnaList.list(); }; 이 부분이 입력 받는 조건들이라 생각하시면 됩니다. $(&#34;#InquiriesSearch&#34;).val(searchOption.key); $(&#34;#InquirieSelect&#34;).val(searchOption.field); $('input[name&#61;cp_item3]:checked').val(searchOption.confirmation_status); $(&#34;#reg_ts_from&#34;).val(searchOption.reg_ts_from); $(&#34;#reg_ts_to&#34;).val(searchOption.reg_ts_to); $(&#34;#check_ts_from&#34;).val(searchOption.check_ts_from); $(&#34;#check_ts_to&#34;).val(searchOption.check_ts_to); 여기에 있는 searchOption은 var searchOption &#61; {page: current_page, row_size : row_size, keyword:(key ? key :&#34;&#34;), key_field:(field ? field : &#34;&#34;), check_yn:(confirmation_status ? confirmation_status:&#34;&#34;), reg_ts_from:(reg_ts_from ? reg_ts_from: &#34;&#34;), reg_ts_to:(reg_ts_to ? reg_ts_to: &#34;&#34;), check_ts_from:(check_ts_from ? check_ts_from: &#34;&#34;), check_ts_to:(check_ts_to ? check_ts_to: &#34;&#34;) };이렇게 생겼습니다. 검색필터들을 입력받는 변수라 생각하면 됩니다. 머릿속에 있는거는 얘네들을 세션스토리지로 저장해서 수정이나, 가입 페이지에 들어가도 이 검색들이 유지가 되는건데 도통 감이 잡히질 않네요 ㅠㅠ

컴포지트 · Answer

getItem 을 잘못 쓴 것 같군요. setItem 첫번째 인자를 키로 지정했으면 getItem 도 동일하게 첫번째 인자에 키를 넣어 가져오면 됩니다. 반대로 값으로 가져오려 시도했습니다.

김수준 · Answer

컴포지트 그래서 수정하여 qnaList.saving_condition &#61; function (searchOption) { sessionStorage.setItem('condition', JSON.stringify(searchOption)); $(&#34;#InquiriesSearch&#34;).val(searchOption.key); $(&#34;#InquirieSelect&#34;).val(searchOption.field); $('input[name&#61;cp_item3]:checked').val(searchOption.confirmation_status); $(&#34;#reg_ts_from&#34;).val(searchOption.reg_ts_from); $(&#34;#reg_ts_to&#34;).val(searchOption.reg_ts_to); $(&#34;#check_ts_from&#34;).val(searchOption.check_ts_from); $(&#34;#check_ts_to&#34;).val(searchOption.check_ts_to); var getitem &#61; JSON.parse('condition', JSON.stringify(searchOption)); var arr &#61; JSON.parse(getitem); console.log(arr); sessionStorage.removeItem('condition', JSON.stringify(searchOption)); qnaList.list(); }; 이런식으로 했습니다만.... 잘 되질 않네요 ㅠㅠ 자꾸 검색창에 글자를 입력하면VM226:1 Uncaught SyntaxError: Unexpected token c in JSON at position 0 이라는 에러를 남기면서 검색창에 써놓은 텍스트가 지워져 버립니다..'condition'에 에러가 있는듯한데.. 그래서 저 부분을 지워버리고 JSON.stringify(searchOption)만 쓰면아래와 같은 메세지가 뜹니다..Uncaught TypeError: Failed to execute 'setItem' on 'Storage': 2 arguments required, but only 1 present.keyname을 안써줘서 그런거 같은데 var searchOption &#61; {page: current_page, row_size : row_size, keyword:(key ? key :&#34;&#34;), key_field:(field ? field : &#34;&#34;), check_yn:(confirmation_status ? confirmation_status:&#34;&#34;), reg_ts_from:(reg_ts_from ? reg_ts_from: &#34;&#34;), reg_ts_to:(reg_ts_to ? reg_ts_to: &#34;&#34;), check_ts_from:(check_ts_from ? check_ts_from: &#34;&#34;), check_ts_to:(check_ts_to ? check_ts_to: &#34;&#34;) };이런 형식의 코드여서 이런식으로 주긴 했습니다. sessionStorage.setItem('page',searchOption.page); sessionStorage.setItem('row_size',searchOption.row_size); sessionStorage.setItem('keyword',searchOption.keyword); sessionStorage.setItem('check_yn',searchOption.check_yn); sessionStorage.setItem('reg_ts_from',searchOption.reg_ts_from); sessionStorage.setItem('reg_ts_to',searchOption.reg_ts_to); sessionStorage.setItem('check_ts_from',searchOption.check_ts_from); sessionStorage.setItem('check_ts_to',searchOption.check_ts_to); sessionStorage.getItem('page',searchOption.page); sessionStorage.getItem('row_size',searchOption.row_size); sessionStorage.getItem('keyword',searchOption.keyword); sessionStorage.getItem('check_yn',searchOption.check_yn); sessionStorage.getItem('reg_ts_from',searchOption.reg_ts_from); sessionStorage.getItem('reg_ts_to',searchOption.reg_ts_to); sessionStorage.getItem('check_ts_from',searchOption.check_ts_from); sessionStorage.getItem('check_ts_to',searchOption.check_ts_to); sessionStorage를 가져오긴 하는데 페이지를 뒤로 돌아갔을 때 저 데이터들이 사라지네요..

페이지 이동 시 검색필터가 저장 될 수 있도록 sessionstorage를 사용하고 있는데 막혀버렸습니다 ㅠㅠ

2개의 답변

#sessionstorage 목록