Функция локального хранения, предоставляемая HTML5, позволяет веб-приложениям хранить данные в локальном браузере пользователя. В HTML5 данные не передаются при каждом запросе сервера, а используются только при запросе. Это позволяет хранить большие объемы данных, не влияя на производительность сайта.
Существует два метода хранения на стороне клиента:
1. localStorage: хранилище без ограничений по времени и большой емкости, размером не менее 5 МБ, все страницы с одним и тем же доменным именем могут хранить и получать одни и те же данные.
2. sessionStorage: для хранения данных сеанса вкладка исчезнет при ее закрытии.
В настоящее время большинство браузеров уже очень хорошо поддерживают HTML5, но в целях безопасности перед использованием следует выполнить обнаружение клиента:
if (typeof(Storage) !== undefined) { // Код для localStorage/sessionStorage.} else { // Извините, нет поддержки веб-хранилища..}Причина, по которой я использую эту функцию, заключается в том, что в настоящее время я работаю над веб-сайтом, основанным на данных, и мне нужно передать параметры запроса на серверную часть через интерфейс API и получить данные, возвращаемые из базы данных. И здесь есть проблема: я хочу перейти со страницы a на страницу b, а затем вызвать интерфейс API на странице b, чтобы передать данные параметра в фоновый режим и получить данные параметра на странице a. как перенести страницу a на страницу a Как насчет передачи сгенерированного значения на страницу b?
Предположим, что формат значения и данных, который мы хотим передать в фоновый режим, следующий: {unitGroup:[一年级,二年级,三年级];
Затем, после того как страница a сгенерирует нужную нам группу данных unitGroup, используйте sessionStorage:
if (typeof(Storage) !== не определено) { sessionStorage[unitGroup] = data.unit.value;} else { sessionStorage[unitGroup] = '';}Затем на странице b вы можете получить это с помощью следующего утверждения:
var unit_group = '';if (typeof(Storage) !== undefined) { var myunits = sessionStorage[unitGroup]; unit_group = myunits.split(,);}Затем вы можете вызвать ajax для передачи данных в фоновый режим:
вар newData = {unitGroup: unit_group};Выше приведено все содержание этой статьи. Я надеюсь, что она будет полезна для изучения всеми. Я также надеюсь, что все поддержат сеть VeVb Wulin.