Attributter av informasjonskapsler i JavaScript | Forklart

I dag er det viktig å opprettholde sesjonsinformasjonen på flere sider for de fleste nettsteder. Vanligvis, når en webserver svarer ved å sende en webside til nettleseren din, blir tilkoblingen avsluttet, og alle dataene som er lagret på serveren er tapt. Denne situasjonen gjør det vanskelig å lagre informasjonen relatert til brukerøkten, og du kan ikke henvise til serveren for å få tilgang til den.

I et slikt scenario, Informasjonskapsler brukes til å lagre nyttig informasjon som kan hentes senere for å bli kjent med brukeren. Informasjonskapsler består av små biter av data som holdes i en nettleser og brukes til å spore brukeraktivitet. De tillater også nettstedet å tilby spesifikke funksjoner i henhold til en bestemt bruker. Som et resultat regnes informasjonskapsler som en kjernekomponent i nettstedets funksjonalitet.

Denne oppskrivningen vil forklare Attributter av Informasjonskapsler i JavaScript ved hjelp av passende eksempler. Så la oss starte!

Attributter av informasjonskapsler i JavaScript

JavaScript støtter følgende fire cookie -attributter:

• utløper
• maks-alder
• sti
• domene

De undergitte seksjonene vil demonstrere metodene for å bruke disse attributtene for å forbedre funksjonaliteten til informasjonskapsler i JavaScript.

Merk: Informasjonskapsler utløper etter en viss tid; Imidlertid kan informasjonskapselens utløpsinnstillinger håndteres gjennom dets tilbudes "utløper”Attributt i JavaScript.

Utløper attributt til informasjonskapsler i JavaScript

Informasjonskapsler fjernes automatisk når nettleseren er lukket. Det forbyr de besøkende å gjenbruke cookie -verdiene når de senere besøker nettstedet. Imidlertid kan denne oppførselen kontrolleres ved å stille inn "utløpsdato”For informasjonskapselen.

Informasjonskapsler i JavaScript tilbyr en "utløper”Attributt som tillater deg å legge til en“utløpsdato”I universell tid koordinert (UTC) til“Navn = verdi”Kakepar.

Syntaks for utløper attributt til informasjonskapsler i JavaScript

dokument.cookie = "name = verdi; utløper = utløpsdato UTC"

Her, "utløper”Attributt brukes til å opprettholde informasjonskapselens stat i henhold til“utløpsdato”Og“Utc" tid.

Eksempel: utløper attributt til informasjonskapsler i JavaScript

Først av alt, i vår “indeks.html”Fil, vi vil legge til to knapper:“setcookie”Og“Getcookie”. “setcookie”-Knappen påkaller“setcookie ()”Funksjon for å angi den spesifiserte informasjonskapselen, mens“Getcookie”-Knappen kaller“GetCookie ()”Funksjon for å hente de allerede angitte informasjonskapslene:

I vår "prosjekt.JS”Fil, vi vil definere“setcookie ()”Og“GetCookie ()”Funksjoner som er assosiert med“ved trykk”Hendelser av“setcookie”Og“Getcookie”Knapper. “setcookie () ” Funksjonen vil lage en informasjonskapsel som har “Brukernavn”Som cookie”Navn”Og“Sharqa”Som dets“verdi", og "utløper”Attributts verdi som“Sol, 10. august 2030 12:00:00 UTC”:

funksjon setCookie ()
dokument.cookie = "brukernavn = sharqa; utløper = sol, 10. august 2030 12:00:00 UTC";

Deretter, etter å ha sjekket lengden på den opprettede informasjonskapselen i "hvis”Uttalelse,“GetCookie ()”Funksjonen vil hente informasjonskapselen”Navn”Og“verdi”Og vis den i en varslingsboks. I det andre tilfellet, hvis cookien blir utløpt eller slettet, vil varslingsboksen oppgi at "Cookie er ikke tilgjengelig”:

FunctionGetCookie ()
hvis (dokument.kjeks.lengde != 0)
VarArray = Dokument.kjeks.split ("=");
Alert ("name =" + array [0] + "" + "value =" + array [1]);

annet
Varsel ("Cookie ikke tilgjengelig");

Nå lagrer vi begge filene og bruker deretter VS -koden "Live server”Utvidelse for å kjøre applikasjonen i nettleseren:

Den åpne websiden inneholder to knapper: “setcookie”Og“Getcookie”, Hvor klikking på“setcookie”Vil lage en ny informasjonskapsel med spesifisert”Navn”,“verdi”, Og“utløper”Attributtverdi:

Å se “Navnverdi”Kakepar i en varslingsboks, klikk på“Getcookie”Knapp:

Følgende varslingsboks viser kakesnavnet som "Brukernavn”Og dens verdi som“Sharqa”:

Du kan også bruke “Utviklerkonsoll”For å sjekke detaljene relatert til den ekstra informasjonskapselen. Å gjøre slik, Høyreklikk På nettleseren, og fra sin hurtigmeny, velg "Undersøke”Alternativ:

Deretter klikker du på "applikasjon”Alternativ fra toppbaren til utviklerkonsollen og se etter“Informasjonskapsler”I“Oppbevaring”Meny, til stede på venstre side av vinduet:

Det kan sees i det ovennevnte bildet at vi har laget en informasjonskapsel og satt utløpsdatoen ved hjelp av "utløper" Egenskap.

Max-Age Attributt av informasjonskapsler i JavaScript

En cookies levetid er satt i henhold til den aktuelle øktvarigheten til nettleseren, noe som betyr at informasjonskapselen vil utløpe så snart brukeren lukker nettleseren. Du kan bruke “maks-alder”Attributt for å definere dens livstid, som vil være uavhengig av varigheten av nettleseren.

Syntaks av maksimal attributt av informasjonskapsler i JavaScript

dokument.cookie = "name = verdi; max-age =" tid

Her, "maks-alder”Attributt brukes til å spesifisere“tid”Som den skapte informasjonskapselen vil holde seg i systemet før det er sletting. Denne attributtet godtar en tidsverdi i “sekunder”.

Eksempel: Max-Age Attributt av informasjonskapsler i JavaScript

Nå vil vi lage en informasjonskapsel som har “Brukernavn”Som dets“Navn”,“Alex" som "verdi”. Også "maks-alder”Attributt av informasjonskapselen vil sette sin levetid til“30" dager:

dokument.cookie = "brukernavn = alex; max-age =" + 30*24*60*60 + ";"

Etter å ha lagret den ekstra koden, åpner du "indeks.html”Fil i nettleseren og klikk på“setcookie”-Knappen for å lage en ny informasjonskapsel og sette sin levetid:

Følgende varslingsboks vises nå i nettleseren:

For å bekrefte levetiden til den opprettede informasjonskapselen, utforske “Utløper / maks-alder”Kolonne i følgende vindu:

I det ovennevnte bildet, "Utløper / maks-alder”Kolonnen inneholder den spesifiserte”maks-alder”Attributtverdi i henhold til“UNIX tidsstempel Epoch ”.

Baneattributt til informasjonskapsler i JavaScript

I JavaScript er en informasjonskapsel tilgjengelig for alle websider som er til stede i samme katalog eller underkataloger. Du kan imidlertid bruke "sti”Attributt for å kontrollere omfanget av informasjonskapslene på websidene.

Syntaks av baneattributt til informasjonskapsler i JavaScript

dokument.cookie = "name = verdi; utløper = utløpsdato; bane =/sti";

Her, "sti”Attributt brukes til å spesifisere“STI”Som den skapte informasjonskapsel er“tilgjengelig”.

Eksempel: Sti -attributt av informasjonskapsler i JavaScript

Vi vil lage en informasjonskapsel med navnet “Brukernavn,”Som omfatter en verdi”Alex”, Og angi utløpsdato og tid som“Onsdag 10. januar 2030 23:00:00 UTC”. Deretter vil vi sette dens “sti" tilskrive "/,”Som betyr at de opprettede informasjonskapsler vil være tilgjengelige på hele et nettsted:

dokument.cookie = "brukernavn = alex; utløper = ons, 10. jan 2030 23:00:00 UTC; bane =/";

Lagre den medfølgende koden i "indeks.html”Fil og åpne den i nettleseren:

Nå, klikk på “setcookie”Knapp, og flytt deretter til utviklerkonsollvinduet for å bekrefte den ekstra banen:

Som du kan se i “Sti”Kolonne, baneattributtet til“Brukernavn”Cookie er satt til“/”:

“sti" og "domene”Attributt av informasjonskapsler brukes først og fremst sammen mens du oppretter en informasjonskapsel i JavaScript. Nå vil vi diskutere “domene”Attributt i neste avsnitt.

Domeneattributt til informasjonskapsler i JavaScript

“domene”Attributt til JavaScript -informasjonskapsler brukes til å legge til domenet som informasjonskapselen anses for å“gyldig”. For eksempel "domene”Attributts verdi er“Linuxhint.com”Så vil den faste informasjonskapselen være gyldig for det spesifiserte domenet og dets underdomener.

Syntaks av domeneattributt til informasjonskapsler i JavaScript

dokument.cookie = "name = verdi; bane =/bane; domene = domainName";

I den ovennevnte syntaks, "domenenavn”Verdien spesifiserer domenet som informasjonskapslene tilhører.

Eksempel: Domeneattributt til informasjonskapsler i JavaScript

For eksempel vil vi lage en informasjonskapsel på "blogg.Linuxhint.com”Og angi verdien av“sti" tilskrive "/”Og domeneattributts verdi til“Linuxhint.com”, Da vil cookien være tilgjengelig for websidene til“Linuxhint.com”Nettsted:

dokument.cookie = "name = verdi; bane =/bane; domene = domainName";

I stedet for "Linuxhint.com”, Hvis vi gir underdomenet”blogg.Linuxhint.com", og så "Brukernavn”Cookie vil bare være gyldig for det ekstra underdomenet. Derfor er den ideelle tilnærmingen å spesifisere den tilsvarende domene i stedet for underdomen verdi.

For demonstrasjonsformålet vil vi sette "127.0.0.1”Som et domene for en informasjonskapsel:

dokument.cookie = "name = sharqa; bane =/; domene = 127.0.0.1";

Den undergitte utgangen betyr at vi har satt "127.0.0.1”Som et gyldig domene for det opprettet”nøkkelverdi”Kakepar:

Vi har samlet den essensielle informasjonen relatert til attributter av Informasjonskapsler I JavaScript.

Konklusjon

“utløper”,“maks-alder”,“sti", og "domene”Er attributtene til informasjonskapsler i JavaScript. Utløper og attributter med maksidig alder brukes til å sette utløpsdatoen og levetiden til informasjonskapsler. Derimot hjelper kombinasjonen av domene- og baneattributter med å spesifisere det gyldige domenet og omfanget der informasjonskapslene er tilgjengelige. Denne oppskrivningen forklarte attributtene til informasjonskapsler i JavaScript ved hjelp av passende eksempler.