Présentation des cookies en JavaScript
Les cookies sont des informations ou des informations utilisateur ou nous pouvons dire des données. il est stocké dans l'ordinateur de l'utilisateur et contient essentiellement les informations de l'utilisateur pour les mémoriser la prochaine fois si la connexion est perdue du serveur ou quoi que ce soit. Il s'agit d'un mécanisme permettant de mémoriser les informations de l'utilisateur ou de garder une trace de l'activité de navigation de l'utilisateur. JavaScript fonctionne également de la même manière pour conserver les informations des utilisateurs. Il stocke un petit fichier texte sur notre bureau. Si un utilisateur visite une page Web, il enregistre sa valeur afin que le cookie se souvienne de son nom.
Comment fonctionnent les cookies en JavaScript?
Chaque fois que nous faisons une demande au serveur, il envoie des données aux navigateurs de l'utilisateur sous la forme d'un cookie. Dans le navigateur, nous avons certains paramètres pour un cookie. Le navigateur peut accepter le cookie. Si le navigateur accepte le cookie, il est obtenu sous la forme d'une paire nom-valeur dans le système de l'utilisateur. Ainsi, chaque fois qu'un utilisateur visite une page différente du navigateur du site, il envoie les mêmes informations sur l'utilisateur au serveur pour lui faire connaître les données utilisateur pour une récupération ultérieure.
les cookies sont stockés sous forme de texte brut. Une partie de la propriété du cookie est la suivante,
1. Nom = paire de valeurs
Le cookie est stocké sous forme de paire clé / valeur et récupéré uniquement de la même manière.
Exemple:
nom d'utilisateur = valeur;
; max-age = max-age-in-seconds (par exemple, 60 * 60 * 24 * 365)
2. Expirer
Nous avons une date à laquelle ces données expireront, si nous n'avons aucune valeur pour une date ou si elles sont vides, le cookie expirera lorsque l'utilisateur quittera le navigateur ou en sortira.
Exemple:
; expires = date-in-GMTString-format. Si nous ne mentionnons pas expire ni max-age, il expirera à la fin ou à la fin de la session en cours, comme expliqué ci-dessus.
3. Sécurisé
Si ce champ contient le mot «sécurisé», nous ne pouvons pas récupérer le cookie, cela ne peut être récupéré qu'à partir du serveur sécurisé, sinon il n'y a pas ce type de restriction. C'est une autre façon de sécuriser nos informations utilisateur sur des serveurs non fiables.
4. Hôte
Cela offre deux avantages: l'un nous permet d'utiliser un cookie d'origine sécurisée et la portée du cookie est également limitée à l'attribut de chemin que nous avons transmis depuis le serveur. Il couvre donc deux fonctions, l'une pour la sécurité et l'autre, l'attribut path également.
Si le serveur ne souhaite pas fournir l'attribut path, le «répertoire» de la demande est utilisé. Pour le navigateur Chrome, l'attribut path est toujours l'origine.
Il indique également que l'attribut de domaine n'est pas présent, ce qui empêche le cookie d'être envoyé à d'autres domaines alors mentionnés.
5. Chemin
C'est le chemin qui définit le cookie. Si ce chemin est vide, vous pouvez récupérer le cookie à partir de n'importe quelle page. Le chemin doit être absolu.
Exemple:
; chemin = chemin (par exemple, '/', '/ mypath')
6. Domaine
Il contient le nom du site.
Exemple:
; samesite: Il protégera le navigateur de l'envoi de ce cookie à toute autre page ou demande intersite. Il a deux valeurs possibles pour le drapeau.
La paire clé = valeur peut utiliser ou la valeur du cookie peut utiliser l'URI codé juste pour s'assurer que la chaîne ne contient aucun espace, point-virgule ni virgule. La valeur des cookies ne contient pas toutes les restrictions susmentionnées. En utilisant JavaScript, nous pouvons créer, récupérer et supprimer le cookie. Pour cela, nous utilisons la propriété cookie de l'objet document afin de pouvoir manipuler l'objet cookie.
JavaScript peut donc créer, lire et modifier des cookies sur la page Web actuelle.
Syntaxe des cookies en JavaScript
Voici la syntaxe en javascript expliquer en détail,
1. Écrire un nouveau cookie
Syntaxe:
document.cookie = "key1 = value1;key2 = value2;expires = date";
document.cookie = value;
La syntaxe ci-dessus pour afficher une seule paire clé = valeur et une autre est un moyen de définir plusieurs cookies en même temps. Mais ici, l'attribut Expire est facultatif. Si nous fournissons à cet attribut une date ou une heure valide, il supprimera le cookie à cette date et à cette heure, sinon rien ne se passera et le cookie sera toujours accessible.
Ici, nous définissons la valeur sur la propriété cookie de l'objet document. Dans la syntaxe ci-dessus, document.cookie = value est un formulaire pf key = value. Nous devons nous souvenir d'une chose lors de la définition de la valeur d'un cookie: nous ne pouvons définir qu'un seul cookie à la fois. (créer / mettre à jour)
Code:
function createCookie() (
if( document.myform.customer.value == "" ) (
alert("please enter some value.");
return;
)
cookievalue = escape(document.myform.customer.value) + ";";
document.cookie = "name=" + cookievalue;
document.write ("Cookies : " + "name=" + cookievalue );
)
Production:
2. Cookie de lecture
Syntaxe:
allCookieValue = document.cookie
Dans la syntaxe ci-dessus, allCookieValue contiendra toutes les valeurs de cookie séparées par un point-virgule, il s'agit donc essentiellement d'une chaîne séparée par un point-virgule. Sous forme de paire clé = valeur.
3. Réinitialiser la valeur du cookie
Code:
function resetOnceValue() (
document.cookie = "value1=; expires=Sat, 02 Jul ";
)
Comment supprimer un cookie en JavaScript?
Parfois, nous voulons supprimer une valeur de cookies. Mais pour supprimer la valeur, nous venons de définir l'attribut date d'expiration sur une valeur passée.
Code:
function WriteCookie()
(
var now = new Date();
now.setMonth( now.getMonth() + 1 );
cookievalue = escape(document.myform.customer.value) + ";"
document.cookie="name=" + cookievalue;
document.cookie = "expires=" + now.toUTCString() + ";"
document.write ("Setting Cookies : " + "name=" + cookievalue );
)
Production:
Conclusion
Les cookies résolvent donc essentiellement le problème de la mémorisation de l'utilisateur et de ses informations. Il enregistre en tant que paire de valeurs de fléau. Il utilise une méthode différente pour vérifier si l'utilisateur est connecté ou non, par exemple, authentifie la méthode des cookies. Sans ce type de méthode, nous pouvons décider que le serveur doit envoyer les informations ou non.
Articles recommandés
Ceci est un guide des cookies en JavaScript. Nous discutons ici du fonctionnement, de la syntaxe et de la façon de supprimer les cookies en javascript a. Vous pouvez également consulter les articles suivants pour en savoir plus-
- Création et suppression de cookies en PHP
- Comment fonctionnent les variables en JavaScript?
- Top 6 des compilateurs de JavaScript
- Comment créer un objet JavaScript?