DevKB
Web Development Knowledge Base
HOME | TOP 20 | WRITE AN ARTICLE |
Sections :



RSS RSS Feed

You too, please publish your useful code snippets in any programming language :
write an article !


Valid HTML 4.0 Transitional

Plateforme d'envoi de gros fichiers en ligne
Dépannage site web
Blog infogérance
Hébergement e-mail

Olivier Ligny - - 09/04/2013 - vue 19416 fois

window.localStorage ou les cookies de nouvelle génération

Depuis les dernières versions des principaux navigateurs (Internet Explorer, Firefox, Chrome ou encore Safari), il est devenu possible de stocker des informations côté client sans passer par les cookies.

Les cookies sont destinés à transmettre une information (le plus souvent, des infos de session utilisateur ou des mouchards publicitaires), cette info étant stockée par le navigateur qui l'envoie à chaque requête HTTP vers un site web donné, lequel site peut en retour modifier ou ajouter de nouveaux cookies.

L'objet javascript "localStorage" disponible désormais permet de stocker des données plus lourdes, et sans transfert de ces données vers le serveur, c'est donc plus souple et plus rapide, mais ça ne sert pas à la même chose. Par exemple on peut l'utiliser pour gérer un cache de données côté client sur un navigateur de smartphone, pour lequel chaque requête HTTP a un coût non négligeable.

Bref, venons en au coeur du sujet, avec des exemples :

Enregistrer une donnée

localStorage.setItem('animal','perroquet');

Lire une donnée

var animal = localStorage.getItem('animal');

Supprimer une donnée :

localStorage.removeItem('animal');

A noter que ces fonctions ne gèrent que des chaines de caractère, il faut donc convertir un object en string si l'on veut le stocker, à l'aide de fonctions comme JSON.stringify().

Quels versions des navigateurs le supportent ?




Write a comment :
Your name :     E-mail (optional) :

AntiSpam : what animal is visible on this picture ? :

Nos partenaires : iPhone 8 Cases & Protection