localStorage vs sessionStorage vs cookie

Sto lavorando in un’app in cui ho bisogno di conservare alcuni dati durante l’accesso dell’utente e ho questa domanda, qual è la differenza tra localStorage, sessionStorage, cookies ???

Stavo chiedendo cosa posso usare per mantenere alcuni dati nel DOM, anche se l’utente aggiorna la pagina, alcune persone dicono: usa sessionStorage, o localStorage, poi qualcuno ha avuto l’idea di usare ngCookies perché funziona in ogni browser, ma, quale dovrei usare?

localStorage e sessionStorage sono entrambi i cosiddetti WebStorage e funzionalità di HTML5.

localStorage memorizza le informazioni a condizione che l’utente non le elimini.

sessionStorage memorizza le informazioni finché dura la sessione. Solitamente fino a quando l’utente chiude la scheda / browser.

i cookie sono semplicemente cookie, supportati da browser più vecchi e di solito sono un fallback per i framework che utilizzano i WebStorage sopra menzionati.

Al contrario i cookie possono memorizzare meno informazioni, quindi WebStorage e le informazioni in WebStorages non vengono mai trasferite sul server.

Tieni presente che l’UE ha un regolamento che richiede ai siti web di informare i propri utenti sull’utilizzo dei cookie. Non so se questo si applica anche ai WebStorage

object sessionStorage: l’object sessionStorage memorizza i dati solo per una sessione, il che significa che i dati vengono archiviati fino a quando il browser (o scheda) non viene chiuso. non è disponibile quando un file viene eseguito localmente.

I dati memorizzati nell’object sessionStorage sono accessibili solo dalla pagina che inizialmente memorizzava i dati; quindi questo non soddisfa le tue esigenze

object localStorage: i dati memorizzati utilizzando l’object localStorage vengono mantenuti fino a quando non vengono rimossi in modo specifico tramite JavaScript o l’utente cancella la cache del browser.

I dati memorizzati nell’object localStorage sono accessibili solo dal dominio che inizialmente memorizzava i dati.

Per il tuo caso, penso che tu prenda in considerazione l’utilizzo di cookie o sessione, pls. nota cookie ha una limitazione della dimensione 4K per server.

Oltre alle altre risposte, WebStorage non può accedere al sottodominio e / o al dominio genitore.

localStorage: 1. Limite dati: 5 MB 2. Dati inviati per ogni richiesta http: no

sessionStorage: 1. Limite dati: 5 MB 2. Dati inviati per ogni richiesta http: no 3. I dati verranno cancellati una volta chiusa la finestra o la scheda

Direi, utilizzare localstorage / sessionStorage se i dati non sono sensibili altrimenti utilizzare i cookie

I cookie contengono solo dati a 4kbs e come scadenza.

localStorage è un cookie permanente che contiene 4 MB di dati che cancellerà quando l’utente cancella la cache