HTML5에서 제공하는 로컬 저장 기능을 통해 웹 애플리케이션은 사용자의 로컬 브라우저에 데이터를 저장할 수 있습니다. HTML5에서는 모든 서버 요청에 의해 데이터가 전달되지 않지만 데이터는 요청된 경우에만 사용됩니다. 이를 통해 웹사이트 성능에 영향을 주지 않고 많은 양의 데이터를 저장할 수 있습니다.
클라이언트 측에 저장하는 방법에는 두 가지가 있습니다.
1. localStorage: 시간 제한이 없고 용량이 크며 최소 5M 크기의 저장소입니다. 동일한 도메인 이름을 가진 모든 페이지는 동일한 데이터를 저장하고 얻을 수 있습니다.
2. sessionStorage: 세션의 데이터 저장을 위해 탭을 닫으면 탭이 사라집니다.
현재 대부분의 브라우저는 이미 HTML5를 매우 잘 지원하지만 보안을 위해 사용하기 전에 클라이언트 감지를 수행해야 합니다.
if (typeof(Storage) !== undefine) { // localStorage/sessionStorage에 대한 코드.} else { // 죄송합니다! 웹 저장소가 지원되지 않습니다..}이 기능을 사용하는 이유는 현재 데이터 기반 웹사이트에서 작업하고 있기 때문입니다. API 인터페이스를 통해 쿼리 매개변수를 백엔드에 전달하고 데이터베이스에서 반환되는 데이터를 가져와야 합니다. 여기에 문제가 있습니다. 페이지 a에서 b로 이동한 다음 페이지 b에서 API 인터페이스를 호출하여 매개변수 데이터를 백그라운드로 전달하고 페이지 a에서 데이터를 얻으려고 합니다. 페이지 a를 페이지 a로 전송하려면 생성된 값을 페이지 b로 전달하면 되나요?
백그라운드로 전달하려는 값과 데이터 형식은 다음과 같다고 가정합니다. {unitGroup:[一年级,二年级,三年级];
그런 다음 페이지에서 필요한 데이터 유닛 그룹을 생성한 후 sessionStorage를 사용합니다.
if (typeof(Storage) !== 정의되지 않음) { sessionStorage[unitGroup] = data.unit.value;} else { sessionStorage[unitGroup] = '';}그런 다음 b 페이지에서 다음 명령문을 통해 이를 얻을 수 있습니다.
var unit_group = '';if (typeof(Storage) !== 정의되지 않음) { var myunits = sessionStorage[unitGroup] unit_group = myunits.split(,);}그런 다음 ajax를 호출하여 데이터를 백그라운드로 전달할 수 있습니다.
var newData = {unitGroup: 단위_그룹};위의 내용은 이 기사의 전체 내용입니다. 모든 분들의 학습에 도움이 되기를 바랍니다. 또한 모든 분들이 VeVb Wulin Network를 지지해 주시길 바랍니다.