Comment rédiger une bibliothèque de session sans cookie pour JavaScript

Cette bibliothèque JavaScript exploite la propriété window.name pour gérer les données de session sans compter sur les cookies. Il offre une solution robuste pour stocker et récupérer des variables de session à travers les navigateurs. La bibliothèque fournit trois méthodes de base: Session.set(), Session.get() et Session.clear(), ainsi qu'un utilitaire de débogage, Session.dump().

La fonctionnalité de la bibliothèque est démontrée sur une page Web dédiée. Le code s'intègre de manière transparente, chargeant juste avant la balise du corps de clôture. Il commence par inclure une bibliothèque JSON pour la compatibilité des navigateurs croisés en sérialisation. Le fichier Core session.js est ensuite chargé; C'est indépendant d'autres bibliothèques comme jQuery.

L'objet Session n'est défini que si la bibliothèque JSON est disponible et qu'il n'existe aucun conflit de dénomination. Il utilise window.top (ou window en tant que repli) pour accéder au stockage de session. Les données existantes dans window.name sont analysées et chargées dans un objet store interne; Sinon, un objet vide est créé.

Une fonction privée Save() sérialise l'objet store et l'enregistre à window.name lors du déchargement de la page. Les écouteurs d'événements de croisement s'assurent que cette fonction s'exécute de manière fiable sur différents navigateurs. Le processus de sérialisation et de sauvegarde est différé jusqu'à ce que la page décharge pour minimiser l'impact des performances.

Les méthodes publiques (set, get, clear et dump) fournissent une interface simple pour interagir avec les données de session. Session.get() Renvoie undefined Si une variable de session demandée n'est pas trouvée.

Cette bibliothèque fournit une alternative pratique et efficace à la gestion de session basée sur les cookies en JavaScript. Son indépendance par rapport à d'autres bibliothèques et compatibilité entre les navigateurs en fait un outil polyvalent pour divers projets de développement Web.

Ressources supplémentaires:

• Variables de session JavaScript Page de démonstration
• JavaScript complet session.js code
• Télécharger le code complet (zip)

Questions fréquemment posées (FAQ) sur l'utilisation sessionStorage (Remarque: la bibliothèque utilise window.name, pas sessionStorage):

L'article d'origine comprend également une section FAQ sur sessionStorage. Bien que cette bibliothèque n'utilise pas sessionStorage, la FAQ fournit des informations précieuses sur le stockage côté client en général. Voici une version résumé:

• Accéder à sessionStorage: Utiliser sessionStorage.getItem("key").
• Réglage sessionStorage: Utiliser sessionStorage.setItem("key", "value").
• localStorage vs sessionStorage: localStorage persiste à travers les sessions, tandis que sessionStorage est effacée lorsque l'onglet se ferme.
• Stockage des objets / tableaux: Utilisez JSON.stringify() pour stocker et JSON.parse() pour récupérer.
• Effacement sessionStorage: Utiliser sessionStorage.clear().
• Sécurité: sessionStorage n'est pas crypté; Évitez les données sensibles.
• Prise en charge du navigateur: largement pris en charge dans les navigateurs modernes.
• Limites de stockage: Généralement 5-10 Mo.
• sessionStorage et cookies: servent des objectifs différents; sessionStorage est uniquement côté client.
• Craques de navigateur: Les données sont perdues lors des accidents. Considérez localStorage pour le stockage persistant.

N'oubliez pas de remplacer les espaces réservés à crochet ([https://www.php.cn/link/35068fbf1ec706142e1f75fa23ee1995], [https://www.php.cn/link/a80ff02f8227904e65413f89ee1719e6], [https://www.php.cn/link/66a1942cfad91ff0ee99daf86e674d55]) avec les liens réels.

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!