Inhoudsopgave
Cookies zijn kleine stukjes gegevens die worden opgeslagen in de browser van de persoon die een pagina bezoekt, zodat er wat gegevens kunnen worden verkregen over hun navigatie op een bepaalde pagina, hiermee kunnen we bij een volgend bezoek aan de site hun navigatieervaring personaliseren , ofwel resultaten tonen met betrekking tot uw vorige bezoek, ofwel onmiddellijk uw persoonlijke gegevens tonen.Met HTML5 en de documentobject We kunnen cookies schrijven met behulp van de Javascript-taal, hierdoor kunnen we de functionaliteit van onze pagina's uitbreiden en een robuustere browse-ervaring bieden.
Lees en schrijf Cookies
Zoals we in het begin al zeiden, dankzij het object document We kunnen de verwerking van cookies doen, met de volgende code gaan we hier een klein voorbeeld van maken, zodat we kunnen begrijpen hoe de processen worden uitgevoerd:
Voorbeeld Cookie toevoegen Update-cookie
De cookie-eigenschap werkt op een eigenaardige manier, wanneer we de waarde van de eigenschap lezen, verkrijgen we alle cookies die aan het document zijn gekoppeld. Cookies hebben een naam/waarde-paarstructuur en je ziet naam = waarde.
Als er nu verschillende cookies worden verkregen, zullen we zien dat we ze als volgt zullen verkrijgen, gescheiden door een puntkomma: naam1 = waarde1; naam2 = waarde2; naam3 = waarde3. En zo verder met alles wat we hebben.
Nu is het gedrag wanneer we een cookie toevoegen het volgende, we wijzen een nieuw naam / waarde-paar toe als de waarde van de cookie-eigenschap van het documentobject en dus worden de documentcookies toegevoegd. In dit proces kunnen we slechts één cookie tegelijk toevoegen. Als we een waarde toewijzen die overeenkomt met een bestaande cookienaam, wordt deze bijgewerkt met die waarde.
Zodra we de manier hebben verduidelijkt hoe cookies werken, gaan we de code uitleggen die we hebben ingevoerd, we zien dat we twee knoppen in het document hebben, elk kreeg een functie toegewezen Cookie toevoegen om cookies toe te voegen en Cookie bijwerken om ze bij te werken, wanneer we de eerste gebruiken, wordt de functie geactiveerd maakCookie die een nieuw naam / waarde-paar creëert dat wordt toegevoegd aan de cookie-verzameling van het document, de tweede knop roept de functie aan updateCookie die een nieuwe waarde toekent aan een bestaande cookie.
Laten we een screenshot bekijken van hoe deze code in onze browser zou moeten werken:
- pad = Stelt het pad in dat aan de cookie is gekoppeld, standaard is dit het pad van het huidige document.
- domein = Het stelt het domein vast dat aan de cookie is gekoppeld, standaard neemt het de waarde van het domein van het huidige document aan.
- max-leeftijd = Het bepaalt de levensduur van een koekje, het wordt geteld in seconden en het begint te tellen vanaf het moment dat het wordt gemaakt.
- verloopt = Stel de vervaldatum van een cookie in met behulp van de GMT-tijdzone. Deze optie is alleen beschikbaar voor gebruik via een HTTPS-verbinding.
