> 웹 프론트엔드 > JS 튜토리얼 > 세션 저장소에 JSON 데이터를 저장하는 방법

세션 저장소에 JSON 데이터를 저장하는 방법

angryTom
풀어 주다: 2019-12-05 17:44:19
앞으로
2976명이 탐색했습니다.

세션 저장소에 JSON 데이터를 저장하는 방법

SessionStorage에 JSON 데이터를 저장하는 방법

웹 개발 중에 SessionStorage를 사용하여 데이터를 저장하는 경우가 많습니다. 단일 문자열 데이터 변수를 저장하는 것은 어렵지 않습니다.

var str = 'This is a string';
sessionstorage.setItem('param',str);
로그인 후 복사

Getsesstorage

var item = sessionstorage.getItem('param');
console.log(item);
로그인 후 복사

하지만 sessionStorage만 가능합니다. 문자열 형태의 데이터를 저장할 수 있지만, 배열 형태와 JSON 객체를 직접 저장할 수는 없습니다. 필요한 경우 어떻게 해야 하나요? 실제로는 매우 간단합니다.

먼저 JSON.stringify() 메소드를 통해 JSON 객체를 문자열로 변환한 후 sessionstorage에 저장합니다

var obj = {"name": "Tom","age": 12,"gender": "man"};
sessionstorage.setItem('jsonParams',JSON.stringify(obj));
로그인 후 복사

그런 다음 JSON.parse() 메소드를 통해 문자열을 JSON 형식으로 변환합니다

var data = JSON.parse(sessionstorage.getItem('jsonParams'));
console.log(data);
로그인 후 복사

이 글은 다음과 같습니다. js tutorial 칼럼에서 학습에 오신 것을 환영합니다!

위 내용은 세션 저장소에 JSON 데이터를 저장하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:cnblogs.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿