11.27_Javascript localStorage 사용

해당 페이지에서 다른 페이지로 넘어갈 때, 데이터를 넘겨주고 싶었다.

저번에 할 때에는 url에 get방식으로 써서 보내줬었는데 그거 말고 다른 방법으로 하고 싶어서 찾아봤다.

 

자바스크립트 LocalStorage를 사용했다.

 

◼ localStorage에 데이터 넣기

localStorage.setItem('key', value);

◼ localStorage에 데이터 넣기 (Json 형태)

let planInfo = {
    "title" : title,
    "start_dt" : start_dt,
    "end_dt" : end_dt,
    "areaCode" : areaCode,
    "loc_x" : loc_x,
    "loc_y" : loc_y,
    "zoom" : zoom
};

localStorage.setItem('planInfo', JSON.stringify(planInfo));

◼ localStorage에 있는 데이터 가져오기

localStorage.getItem('key');

◼ localStorage에 있는 특정 데이터 삭제

localStorage.removeItem('key');

◼ localStorage에 있는 모든 데이터 삭제

localStorage.clear();

 

 

 

여행 일정을 작성 전 모달창에서 입력한 정보들을 저장해놓을거라 JSON 형태로 보냈다.

 

plan_modal.js

 

그렇게 LocalStorage에 저장되어 있는 값을 여행작성페이지에 가서 제대로 받아지는지 확인~!~@!@!~

 

plan_insertform.js