Cookies de JavaScript: com crear, llegir i eliminar galetes?

Les cookies són dades emmagatzemades en petits fitxers de text. Us ajuda a emmagatzemar informació de l’usuari a les pàgines web i recorda les dades de l’usuari més endavant.

Les cookies us ajuden a emmagatzemar informació de l'usuari a les pàgines web. És un dels mètodes més eficients per recordar i fer un seguiment de les preferències, compres, comissions i altra informació necessària per obtenir una millor experiència dels visitants o estadístiques del lloc. En aquest Article sobre cookies, aprofundirem en les cookies en la següent seqüència:



Què són les cookies?

Les cookies són dades emmagatzemades en petits fitxers de text del vostre sistema. Quan un servidor web envia una pàgina web a un navegador, la connexió s'apaga i el servidor oblida tot allò relacionat amb l'usuari.



Les cookies es van inventar per resoldre el problema de recordar la informació sobre l'usuari. Per exemple:

  • Quan un usuari visita una pàgina web, el seu nom es pot emmagatzemar en una cookie.



  • La propera vegada que l’usuari visiti la pàgina, la cookie recorda el nom de l’usuari.

Recorda la informació de l’usuari entre totes les pàgines web. Conté la informació com a i en forma de parell nom-valor separat per punts i coma, com ara:

nom d'usuari = Daisy Green

Ara vegem com funcionen aquestes cookies.



Com funciona?

El servidor envia algunes dades al navegador del visitant en forma de cookie. Ara, el navegador pot acceptar la cookie. Si ho fa, s’emmagatzema com a registre de text pla al disc dur del visitant.

cookie- cookies javascript - edurekaQuan el visitant arriba a una altra pàgina del vostre lloc, el navegador envia la mateixa galeta al servidor per recuperar-la. Un cop recuperat, el servidor sap o recorda el que s’havia emmagatzemat abans.

diferència entre classe i interfície a Java

Les cookies consten de 5 camps de longitud variable :

  • Caduca & menys Mostra la data en què caducarà la galeta. Si està en blanc, la galeta caducarà quan el visitant surti del navegador.

  • Domini & menys El camp de domini proporciona el nom de domini del vostre lloc.

  • Camí & menys És el camí cap al directori o la pàgina web que defineix la cookie. Això es pot deixar en blanc si voleu recuperar la galeta de qualsevol directori o pàgina.

  • Segur & menys Si aquest camp conté la paraula 'segur', la galeta només es pot recuperar amb un servidor segur. Si aquest camp està en blanc, no hi haurà aquestes restriccions.

  • Nom = Valor & menys Representa les cookies que es configuren i recuperen en forma de parells clau-valor.

Ara que ja sabeu què són les cookies i com funcionen, anem a aprofundir en les cookies JavaScript.

Cookies de JavaScript

A JavaScript, podeu manipular les galetes amb la propietat de galeta de l'objecte Document. JavaScript pot llegir, crear, modificar i eliminar les cookies que s’apliquen a la pàgina web actual. Així que donem un cop d’ull a exemples i entenem com s’utilitzen les cookies a JavaScript.

Crea cookies

JavaScript pot crear cookies amb el document.cookie propietat. Podeu crear la cookie de la següent manera:

document.cookie = 'nom d'usuari = Daisy Green'

També podeu afegir una data de caducitat de la vostra galeta. Per defecte, la galeta s’eliminarà quan es tanqui el navegador:

document.cookie = 'nom d'usuari = Daisy Green caduca = dilluns, 26 d'agost de 2019 12:00:00 UTC'

També podeu indicar al navegador a quin camí pertany la cookie amb l’ajut d’un paràmetre. Per defecte, la cookie pertany a la pàgina actual.

document.cookie = 'nom d'usuari = Daisy Green caduca = dilluns, 26 d'agost de 2019 12:00:00 UTC' path = / '

Llegiu una galeta

Llegir una cookie és tan senzill com escriure’n una, ja que el valor de l’objecte document.cookie és la cookie. Podeu utilitzar aquesta cadena sempre que vulgueu accedir a la cookie. La cadena document.cookie manté una llista de parells nom = valor separats per punts i coma, on nom representa el nom de la galeta i el valor és el seu valor de cadena.

Les cookies JavaScript es poden llegir de la següent manera:

var x = document.cookie

Exemple: