JavaScript 용 쿠키리스 세션 라이브러리를 작성하는 방법

이 JavaScript 라이브러리는

속성을 ​​활용하여 쿠키에 의존하지 않고 세션 데이터를 관리합니다. 브라우저에 세션 변수를 저장하고 검색하기위한 강력한 솔루션을 제공합니다. 라이브러리는 세 가지 핵심 방법을 제공합니다 : , 및 window.name 및 디버깅 유틸리티 Session.set(). Session.get() Session.clear() 도서관의 기능은 전용 웹 페이지에서 시연됩니다. 이 코드는 닫는 바디 태그 직전에로드하여 원활하게 통합됩니다. 직렬화에서 브라우저 크로스 브라우저 호환성을위한 JSON 라이브러리를 포함하여 시작합니다. 그런 다음 코어 파일이로드됩니다. jQuery와 같은 다른 라이브러리와 무관합니다 Session.dump()

객체는 JSON 라이브러리를 사용할 수 있고 이름 지정 충돌이 존재하지 않는 경우에만 정의됩니다. 세션 스토리지에 액세스하기 위해 (또는

)를 사용합니다. 의 기존 데이터는 구문 분석되고 내부

private 함수는

객체를 직렬화하고 페이지 언로드시 session.js로 저장합니다. 크로스 브라우저 이벤트 리스너는이 기능이 다른 브라우저에서 안정적으로 실행되도록합니다. 직렬화 및 저장 프로세스는 페이지가 언로드 될 때까지 성능 영향을 최소화 할 때까지 연기됩니다. 공개 메소드 (,

, 및 )는 세션 데이터와 상호 작용하기위한 간단한 인터페이스를 제공합니다. 요청 된 세션 변수를 찾을 수없는 경우

리턴 Session 이 라이브러리는 JavaScript의 쿠키 기반 세션 관리에 대한 실용적이고 효율적인 대안을 제공합니다. 다른 라이브러리와 크로스 브라우저 호환성과의 독립성은 다양한 웹 개발 프로젝트를위한 다양한 도구입니다. window.top 추가 리소스 : window window.name JavaScript 세션 변수 데모 페이지 store

전체 JavaScript

코드 Save() 전체 코드 다운로드 (zip) store window.name

사용에 대한 자주 묻는 질문 (FAQS) (참고 : 라이브러리는 를 원래 기사에는 에 대한 FAQ 섹션도 포함되어 있습니다. 이 라이브러리는 를 사용하지 않지만 FAQ는 일반적으로 클라이언트 측 스토리지에 대한 귀중한 정보를 제공합니다. 요약 된 버전은 다음과 같습니다

액세스 sessionStorage : sessionStorage 사용

. 설정

:
• 사용 . sessionStorage vs. sessionStorage.getItem("key") :
• > 세션에 걸쳐 지속되는 반면 탭이 닫히면 가 지워집니다. 객체/배열 저장 : 를 사용하여 저장하고 를 검색합니다. sessionStorage 지우기 : sessionStorage.setItem("key", "value") 사용
.
• 보안 : 는 암호화되지 않았습니다. 민감한 데이터를 피하십시오 브라우저 지원 : localStorage 최신 브라우저에서 널리 지원됩니다 저장 한도 : 일반적으로 5-10MB. sessionStorage 및 쿠키 : localStorage 다른 목적을 제공합니다. 는 클라이언트 측 전용입니다 sessionStorage 브라우저 충돌 :
충돌시 데이터가 손실됩니다. 영구 스토리지에 대해서는
• 를 고려하십시오 괄호가있는 자리 표시자를 교체해야합니다 ([https://www.php.cn/link/35068fbf1ec706142e1f75fa23ee1995], [https://www.php.cn/link/a80ff02f8227904e65413f89ee1719e6], [https://www.php.cn/link/66a1942cfad91ff09daf86e674d55)

위 내용은 JavaScript 용 쿠키리스 세션 라이브러리를 작성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!