Web Development Knowledge Base
| |
Sections :
RSS Feed You too, please publish your useful code snippets in any programming language : write an article ! 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 30064 fois
window.localStorage ou les cookies de nouvelle générationDepuis 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
Lire une donnée var animal = localStorage.getItem('animal'); Supprimer une donnée :
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 ? |
Nos partenaires : iPhone 8 Cases & Protection |