LocalStorage vs sessionStorage vs cookie

Я работаю в приложении, где мне нужно сохранить некоторые данные во время входа в систему, и у меня есть этот вопрос, в чем разница между localStorage, sessionStorage, cookies???

Я спрашивал, что я могу использовать для сохранения некоторых данных в DOM, даже если пользователь обновляет страницу, некоторые говорят: используйте sessionStorage или localStorage, тогда кто-то придумал идею использования ngCookies, потому что он работает в каждом браузере, но что я должен использовать?

Ответы

Ответ 1

localStorage и sessionStorage являются так называемыми WebStorages и функциями HTML5.

localStorage хранит информацию до тех пор, пока пользователь не удалит их.

sessionStorage хранит информацию до тех пор, пока идет сеанс. Обычно, пока пользователь не закрывает вкладку/браузер.

cookie - это просто файлы cookie, которые поддерживаются более старыми браузерами и обычно являются резервными для фреймворков, которые используют вышеупомянутые WebStorages.

В отличие от этого файлы cookie могут хранить меньше информации, чем WebStorages, и информация в WebStorages никогда не переносится на сервер.

Имейте в виду, что в ЕС существует правило, которое требует, чтобы веб-сайты информировали своих пользователей об использовании файлов cookie. Я не знаю, относится ли это также к WebStorages

Ответ 2

объект sessionStorage: Объект sessionStorage хранит данные только для сеанса, что означает, что данные сохраняются до закрытия браузера (или вкладки). он недоступен, если файл выполняется локально.

Данные, хранящиеся в объекте sessionStorage, доступны только на странице, которая первоначально хранила данные; поэтому это не соответствует вашему требованию

localStorage: Данные, хранящиеся с использованием объекта localStorage, сохраняются до тех пор, пока они не будут удалены с помощью JavaScript или пользователь не очистит кеш браузеров.

Данные, хранящиеся в объекте localStorage, доступны только из домена, который первоначально хранил данные.

В вашем случае, я думаю, вы задумаетесь о том, как использовать cookie или session, pls. note cookie имеет ограничение размера 4K на сервер.

Ответ 3

Дополнение к другим ответам, WebStorages не может получить доступ к субдомену и/или родительскому домену.

Ответ 4

localStorage: 1. Лимит данных: 5 МБ 2. Данные, отправленные для каждого запроса http: no

sessionStorage: 1. Лимит данных: 5 МБ 2. Данные, отправленные для каждого HTTP-запроса: нет 3. Данные будут удалены после закрытия окна или вкладки.

Я бы сказал, используйте localstorage/sessionStorage, если данные нечувствительны, используйте cookie

Ответ 5

Куки файлы просто хранят данные 4 килобайта и как время истечения срока действия.

localStorage - это постоянные файлы cookie, содержащие данные 4 МБ, которые он удалит, когда пользователь очистит кеш