Stockage Web HTML 5

Stockage des données côté client

HTML5 propose deux nouvelles méthodes de stockage des données côté client :

localStorage - stockage des données sans limite de temps

sessionStorage - Avant stockage des données pour une session

, tout cela a été effectué par des cookies. Mais les cookies ne conviennent pas au stockage de grandes quantités de données car ils sont transmis à chaque requête au serveur, ce qui les rend lents et inefficaces.

En HTML5, les données ne sont pas transmises à chaque requête du serveur, mais ne sont utilisées que sur demande. Il permet de stocker de grandes quantités de données sans affecter les performances du site Web.

Pour différents sites Web, les données sont stockées dans différentes zones et un site Web ne peut accéder qu'à ses propres données.

HTML5 utilise JavaScript pour stocker et accéder aux données.

Méthode localStorage

Les données stockées par la méthode localStorage n'ont pas de limite de temps. Les données sont toujours disponibles après le jour, la semaine ou l'année suivante.

Comment créer et accéder à localStorage :

Instance

<script type="text/javascript">localStorage.lastname="Smith";document.write(localStorage.lastname);
</script>

L'exemple suivant compte le nombre de fois qu'un utilisateur visite une page :

Instance

<script type="text/javascript">
if (localStorage.pagecount)
  {
  localStorage.pagecount=Number(localStorage.pagecount) +1;
  }
else
  {  localStorage.pagecount=1;
  }
document.write("Visits "+ localStorage.pagecount + " time(s).");
</script>

Méthode sessionStorage

La méthode sessionStorage stocke les données d'une session. Les données sont supprimées lorsque l'utilisateur ferme la fenêtre du navigateur.

Comment créer et accéder à une sessionStorage :

Instance

<script type="text/javascript"> sessionStorage.lastname="Smith"; document.write(sessionStorage.lastname); </script>

L'exemple suivant compte le nombre de fois qu'un utilisateur visite une page dans la session en cours :

Exemple

<script type="text/javascript">
if (sessionStorage.pagecount)
  {
  sessionStorage.pagecount=Number(sessionStorage.pagecount) +1;
  }
else
  {  sessionStorage.pagecount=1;
  }
document.write("Visits "+sessionStorage.pagecount+" time(s) this session.");
</script>

Ce qui précède est le contenu du stockage Web HTML 5. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !