재로드하고 순수한 javascript/jquery로 텍스트 상자의 값을 유지하는 방법은 무엇입니까?

Question

나는 사용자가 선택한 한 달/년 동안 매일 판매되는 품목의 수를 보여주는 통계 차트에서 작업하고 있지만 완벽하게 작동하지만 사용자가 제공 한 입력에 문제가 있습니다. 제출 된 데이터로 텍스트 상자를 채우는 달력을 사용하여 jquery로 값을 가져올 수 있습니다. 즉, 제출 된 날짜에 대한 쿼리를 수행하기 위해 페이지를 다시로드하고 텍스트 상자를 유지해야합니다. 이전에 사용자가 선택한 값으로

내 입력

<input type="text" id="monthInput"></input> 

이 내가 내 텍스트 상자가 입력으로 가득 할 때 일정을 형성 트리거 것입니다 (그것은 또한 내가 그것을위한 라이브러리를 사용하고, 일정을로드)

OnAfterChooseMonth: function(){ 
    var yearMonth = $("#monthInput").val(); 
    console.log(yearMonth); 

    reloadMe(); 
    } 


function reloadMe(){ 
    location.reload(); 
} 

yearMonth는 내 데이터의 쿼리를 수행하고 차트를 채우는 데 사용하는 변수입니다.

읽어 주셔서 감사합니다. 당신은 당신이 시도 할 수

Answer 1

을 location.search에 액세스하여 페이지로드시 동일한 속성을 읽을 수있는 페이지를 다시로드하기 전에 URL로 검색 문자열을 추가하는 열려있는 경우

Answer 2

localStorage 또는 sessionStorage

if(localStorage.getItem("year_month")){ 
    var yearMonth = localStorage.getItem("year_month"); 
    // Do something with the saved yearMonth 
} 

OnAfterChooseMonth: function() { 
    var yearMonth = $("#monthInput").val(); 
    console.log(yearMonth); 
    localStorage.setItem("year_month",yearMonth) 
    reloadMe(); 
} 

function reloadMe() { 
    location.reload(); 
}