localStorage / sessionStorage

localStorage =

창을 닫아도 계속 유지

탭 여러개 공유

명시적으로 삭제 될 때 까지 유지

 

sessionStorage =

창을 닫으면 삭제

세션 기간 동안 사용가능

---

 

사용법은 동일하다.

 

가끔 js 에서 js 로값을 보내려고 할때 사용해보자

 

상황 ) 어떤 input 에서 이메일을 가져와서 다른 곳에 넣으려 할 때

---

 

전송

$("#getEmail").on('click', function () {
    var getEmail1 = $("#managementId").val();
    console.log("getEmail1 : " + getEmail1);
    var getEmail2 = {
        "email" : getEmail1
    }
    //스토리지에 저장 key, value
    localStorage.setItem("getEmail1", getEmail1);
    //JSON 형식으로 스토리지에 저장 key, value
    localStorage.setItem("getEmail2", JSON.stringify(getEmail2));

});

 

---

 

받음

 

$(function () {
    var getEmail1 = localStorage.getItem("getEmail1");
    console.log("getEmail1 : " + getEmail1);

    var getEmail2 = JSON.stringify(localStorage.getItem("getEmail2"));
    console.log("getEmail2 : " + getEmail2);
	// 어떤 input이나 textarea에 값 입력
    $("#managementEmail").val(getEmail1);

	//스토리지 삭제 key
    localStorage.removeItem("getEmail1");
    console.log("getEmail2 : " +localStorage.getItem("getEmail1"));
});

 

---

결과

 

ㅇㅇ

굿ㅋ