현재 데이터를 사용하여 페이지 새로 고침 페이지 새로 고침

Question

내 색인에 페이지를 렌더링하는 데 필요한 기본값이 있습니다. jquery를 사용하는 사용자 작업에 따라 내보기에서 드롭 다운 목록을 채웠습니다 (동일한 드롭 다운에는 사용자 동작에 따라 다른 목록이 포함됨).

내 문제는 내가 페이지를 새로 고칠 때 드롭 다운이 색인에 제공된 기본 데이터로 복원된다는 것입니다.

페이지 새로 고침시 색인에 데이터를 전달할 수있는 방법이 있습니까 (예 : 텍스트 상자의 데이터 또는 드롭 다운의 현재 선택한 값) ??

Answer 1

이것은 쉽게 저장소 또는 쿠키를 사용하여 수행해야합니다. 변경 될 때마다 목록, 값 및 필요한 것을 모두 쿠키에 저장하십시오. 페이지가 새로 고침 될 때 기본값 대신 쿠키에서 목록을 가져 오는 경우 쿠키가 있는지 확인하십시오.

if(typeof(Storage)!=="undefined"){ 
    localStorage.dropdownlist = thelist; // The list being your list of options. 
}else{ 
    //Storage not supported, use cookie logic instead. 
} 

그런 다음 페이지 초기화 로직에 따라 다음과 같이 확인하십시오.

if(typeof(Storage)!=="undefined" && typeof(localStorage.dropdownlist)!=="undefined"){ 
    populateDropDown(localStorage.dropdownlist); // The function being the same as when jQuery calls it. 
}else{ 
    //Storage not supported, use cookie logic instead. 
} 

localStorage 개체는 만료 날짜가없는 데이터를 저장합니다. 브라우저를 닫을 때 데이터가 삭제되지 않으며 다음 날, 1 주일 또는 1 년 동안 사용할 수 있습니다. 대신 sessionStorage를 사용하는 것이 좋습니다. sessionStorage 객체는 하나의 세션에 대해서만 데이터를 저장한다는 점을 제외하고는 localStorage 객체와 같습니다. 사용자가 브라우저 창을 닫으면 데이터가 삭제됩니다.