Comment gérer l'expiration des données dans le stockage local HTML5 ?

Stockage des données expirées dans le stockage local HTML5

Les données stockées dans le composant de stockage local HTML5 (qui fait partie du stockage DOM) persistent indéfiniment jusqu'à ce qu'elles soient explicitement effacées ou écrasé. Cependant, la possibilité de définir un délai d'expiration pour les données mises en cache n'est pas fournie de manière native.

Solution pour gérer l'expiration

Une approche consiste à stocker un horodatage à côté des données elles-mêmes. . Par exemple :

<code class="javascript">var object = { value: "value", timestamp: new Date().getTime() };
localStorage.setItem("key", JSON.stringify(object));</code>

Lors de la récupération, vous pouvez analyser l'objet stocké, extraire l'horodatage et le comparer à l'heure actuelle. Si la période d'expiration est dépassée, vous pouvez mettre à jour les données en conséquence.

<code class="javascript">var object = JSON.parse(localStorage.getItem("key"));
var dateString = object.timestamp;
var now = new Date().getTime().toString();

compareTime(dateString, now); // Implementation required</code>

Vous pouvez également utiliser une bibliothèque tierce telle que localstorage-slim.js, qui fournit un API pour définir les délais d'expiration des données de stockage local.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!