Hva er informasjonskapsler og hvordan du jobber med dem ved hjelp av JavaScript

Informasjonskapsler er data som er lagret i små og veldig håndterbare tekstfiler, informasjonskapsler brukes til å fortelle serveren om klientens preferanse og annen informasjon. Informasjonskapsler lagres for det meste på klientens datamaskin, eller i klientens nettleserminne.

Når du jobber med industrielle applikasjoner, kan ikke serverne huske detaljer om klienten. Når økten er over med klienten, fjerner serveren all informasjonen om klienten, det er grunnen til at informasjonskapsler er lagret på klientsiden. Så neste gang når klienten ut til serveren med en forespørsel, blir en informasjonskapsel sendt sammen med forespørselen slik at serveren allerede kjenner klientens preferanser.

Hva er typene informasjonskapsler?

Det er tre forskjellige typer informasjonskapsler som er:

• Øktkaker: Disse informasjonskapslene blir automatisk slettet fra nettleserne dine når økten med nettstedet er slutt
• Førsteparts informasjonskapsler: Dette er informasjonskapslene som er opprettet av et bestemt nettsted og kan bare leses av det spesifikke nettstedet
• Tredjeparts informasjonskapsler: Dette er informasjonskapslene som er opprettet av annonsen som kjører på et nettsted som du kanskje har besøkt

Hva er feltene med informasjonskapsler?

Generelt ser informasjonskapsler ut som navnverdipar, men de består av 5 forskjellige felt. Disse feltene er:

• Navn = Verdipar: Dette er kakeversjonen av "nøkkelverdi" -par
• Utløper: Dette definerer når informasjonskapselen utløper fra nettleseren, hvis ingen utløpsdato er spesifisert med informasjonskapselen, blir informasjonskapselen slettet når nettleseren er lukket
• Sti: Stien til nettstedet som har satt informasjonskapselen i nettleseren, hvis banen er tom, kan du slette en spesifikk bli et hinder
• Domene: Domenenavnet på nettstedet som setter informasjonskapselen
• Sikre: Hvis dette feltet er satt, kan informasjonskapsel bare leses av en sikker server

Dette er alle de variable feltene i en informasjonskapsel, bortsett fra Navn = verdi Par Alle de andre feltene er valgfrie

Hvordan bruke JavaScript til å jobbe med informasjonskapsler?

Informasjonskapsler blir samhandlet av JavaScript ved å bruke følgende syntaks:

dokument.cookie = "name = verdi; utløper: 01 jan 2024; bane =/;"

For å demonstrere å jobbe med informasjonskapsler skal vi sette opp en HTML -webside med følgende linjer på websiden:

Det er alle informasjonskapsler!!

Klikk for å legge til en kjempegod informasjonskapsel!
Klikk for å vise informasjonskapsler
Klikk for å slette cookie

Vi får følgende utdata i nettleseren vår:

Nå som vi har HTML-oppsettet vårt, kan vi begynne å jobbe med vår JavaScript-kode. Det første vi skal implementere er funksjonaliteten til knappen som vil legge til en informasjonskapsel i nettleseren vår med følgende kodelinjer:

$ ("#Legg til").klikk (funksjon ()
dokument.cookie = "name = yummy cookie!";
Alert ("Cookie lagt til");
);

Kjør nå programmet og klikk på knappen som sier “Klikk for å legge til en kjempegodkake!”, Du får følgende utdata:

Du kan bekrefte denne informasjonskapselen ved å gå over til Utviklerkonsoll> Applikasjon> Informasjonskapsler Og å finne informasjonskapselen som vi nettopp opprettet akkurat som vist på bildet nedenfor:

Som du ser av utviklerens verktøy, kunne vi lage vår informasjonskapsel med hell. Neste trinn er å lese denne informasjonskapselen ved hjelp av JavaScript og varsle brukeren om informasjonskapselen på knappetrykk, vi gjør dette ved å bruke følgende kodelinjer:

$ ("#show").klikk (funksjon ()
Varsel (dokument.kjeks);
);

Klikk på knappen som sier "Klikk for å vise informasjonskapsler", så får du følgende resultat:

Som du kan se, kan vi lese informasjonskapselen og vise den for brukeren. Nå må vi lære å slette en informasjonskapsel fra nettleseren. Vi kan slette en informasjonskapsel på knappetrykk ved å bruke følgende kodelinjer:

$ ("#slett").klikk (funksjon ()
dokument.cookie = "name =; utløper = tor, 01 jan 1970 00:00:01 GMT";
Alert ("Cookie slettet");
);

Vi kan slette informasjonskapsler ved å angi utløpsdatoen til en siste dato, og det er akkurat det vi har gjort i kodebiten ovenfor. Hvis du trykker på "Klikk for å slette cookie" -knappen, får du følgende resultat:

For å bekrefte denne slettingen, klikker du på knappen for å vise informasjonskapsler igjen, og du får følgende resultat:

Som du kan se, viser ikke Alert Dialogue -boksen oss noen informasjonskapsler, dette er fordi vi klarte å slette informasjonskapselen ved å bruke sletteknappen.

Konklusjon

Informasjonskapsler er små tekstfiler som er lagret på klientens datamaskin eller i klientens nettleser for å varsle serveren om klientens preferanser. Det er tre forskjellige typer informasjonskapsler, nemlig: øktkaker, førsteparts informasjonskapsler og tredjeparts informasjonskapsler. En informasjonskapsel inneholder 5 forskjellige felt hvorav bare en er obligatorisk og de resterende 4 feltene er valgfrie. Informasjonskapsfunksjoner gjøres i JavaScript ved å bruke dokument.kjeks Egenskap. I dette innlegget lærte vi å jobbe med informasjonskapsler ved hjelp av JavaScript.