Tous les cours > L'informatique > Programmation web ::

Stockage de données avec LocalStorage en Javascript

Page 15 | Écouter en audio

Javascript est l'un des langages de programmation les plus utilisés dans le développement de sites Web. L'une des fonctionnalités pouvant être utilisées est le stockage de données avec LocalStorage.

LocalStorage est une API (Application Programming Interface) qui vous permet de stocker des données dans le navigateur de l'utilisateur. Ces données sont disponibles même après la fermeture du navigateur ou le redémarrage de l'ordinateur.

Pour utiliser LocalStorage en Javascript, il est nécessaire d'utiliser les méthodes setItem() et getItem(). La méthode setItem() est utilisée pour stocker une valeur dans LocalStorage. Il prend deux paramètres : le nom de la clé et la valeur à stocker.

Par exemple, pour stocker la valeur "John" dans la clé "name", le code serait :

localStorage.setItem("nom", "Jean");

Pour récupérer la valeur stockée, utilisez la méthode getItem(), qui reçoit le nom de la clé en paramètre.

var nom = localStorage.getItem("nom");

De plus, vous pouvez utiliser la méthode removeItem() pour supprimer un élément de LocalStorage et la méthode clear() pour effacer tous les éléments stockés.

Il est important de se rappeler que LocalStorage a une limite de stockage d'environ 5 à 10 Mo, selon le navigateur utilisé. Par conséquent, il est recommandé d'utiliser LocalStorage pour stocker de petites quantités de données, telles que les paramètres et les préférences de l'utilisateur.

En résumé, le stockage de données avec LocalStorage en Javascript est une fonctionnalité utile pour le développement de sites Web. Avec lui, il est possible de stocker des données de manière persistante dans le navigateur de l'utilisateur et d'y accéder ultérieurement. Il est important d'utiliser LocalStorage avec précaution, en respectant ses limites de stockage et en évitant de stocker des informations sensibles.

Répondez maintenant à l’exercice sur le contenu :