Cookies in JavaScript: Set, Get & Voorbeeld verwijderen

Inhoudsopgave:

Anonim

Wat zijn cookies?

Een cookie is een stukje data dat op uw computer wordt opgeslagen en toegankelijk is voor uw browser. Misschien heb je ook bewust of onbewust genoten van de voordelen van cookies. Heeft u ooit uw Facebook-wachtwoord opgeslagen, zodat u het niet elke keer opnieuw hoeft in te voeren als u probeert in te loggen? Zo ja, dan gebruikt u cookies. Cookies worden opgeslagen als sleutel / waarde-paren.

Waarom heb je een cookie nodig?

De communicatie tussen een webbrowser en server vindt plaats met behulp van een staatloos protocol met de naam HTTP. Stateless protocol behandelt elk verzoek onafhankelijk. De server bewaart de gegevens dus niet nadat deze naar de browser zijn verzonden. Maar in veel situaties zullen de gegevens opnieuw nodig zijn. Hier komen koekjes in beeld. Met cookies hoeft de webbrowser niet elke keer met de server te communiceren als de gegevens nodig zijn. In plaats daarvan kan het rechtstreeks van de computer worden opgehaald.

Javascript-cookie instellen

U kunt cookies maken met behulp van document. cookie-eigenschap zoals deze.

document.cookie = "cookiename=cookievalue"

U kunt zelfs een vervaldatum aan uw cookie toevoegen, zodat de betreffende cookie op de aangegeven datum van de computer wordt verwijderd. De vervaldatum moet worden ingesteld in het UTC / GMT-formaat. Als u de vervaldatum niet instelt, wordt de cookie verwijderd wanneer de gebruiker de browser sluit.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC"

U kunt ook het domein en pad instellen om aan te geven tot welk domein en tot welke mappen in het specifieke domein de cookie behoort. Standaard hoort een cookie bij de pagina die de cookie plaatst.

document.cookie = "cookiename=cookievalue; expires= Thu, 21 Aug 2014 20:00:00 UTC; path=/ "

// maak een cookie met een domein naar de huidige pagina en een pad naar het hele domein.

JavaScript krijgt Cookie

U kunt op deze manier toegang krijgen tot de cookie die alle cookies retourneert die voor het huidige domein zijn opgeslagen.

var x = document.cookie

JavaScript Verwijder Cookie

Om een ​​cookie te verwijderen, hoeft u alleen maar de waarde van de cookie in te stellen op leeg en de waarde van expires op een verstreken datum te zetten.

document.cookie = "cookiename= ; expires = Thu, 01 Jan 1970 00:00:00 GMT"

Probeer dit voorbeeld zelf:

 Cookie !!!