Översikt över cookies i JavaScript
Cookies är informations- eller användarinformation eller vi kan säga data. den lagras i användarens dator och i princip innehåller den användarinformationen för att komma ihåg dem för nästa gång om anslutningen försvann från servern eller något. Det är en mekanism för att komma ihåg användarinformation eller för att hålla reda på användarens surfaktivitet. JavaScript fungerar också på samma sätt för att behålla användarinformation. Den lagrar en liten textfil på vårt skrivbord. Om en användare besöker någon webbsida lagrar den dess värde så att cookien kommer ihåg sitt namn.
Hur fungerar cookies i JavaScript?
När vi gör en begäran till servern skickar den viss information till användarwebbläsarna i form av en cookie. I webbläsaren har vi några inställningar för en cookie. Webbläsaren kan acceptera cookien. Om webbläsaren accepterar cookien fick den i form av ett namnvärdespar i användarens system. Så när en användare besöker en annan sida på webbläsaren skickar samma information om användaren till servern för att låta dem veta om användardata för ytterligare hämtning.
cookies lagras i form av ren text. En del av kakans egendom är som följer,
1. Namn = Värde par
Cookie lagras i form av nyckel- och värdepar och hämtar endast på samma sätt.
Exempel:
användarnamn = värde;
; max-age = max-age-in-seconds (t.ex. 60 * 60 * 24 * 365)
2. Utgå
Vi har ett datum när dessa data kommer att löpa ut, om vi inte har något värde för ett datum eller det är tomt kommer cookien att löpa ut när användaren kommer att ganska webbläsaren eller avsluta den.
Exempel:
; Löper = date-in-GMTString-format. Om vi inte nämner utgång eller max-ålder kommer den att upphöra vid utgången eller slutet av den aktuella sessionen som förklarats ovan.
3. Säkra
Om detta fält innehåller ordet "säker" kan vi inte hämta cookien, detta kan bara hämtas från den säkra servern annars finns det ingen sådan begränsning. Detta är ett annat sätt att säkra vår användarinformation från opålitliga servrar.
4. Värd
Detta ger två fördelar, en är att det tillåter oss att använda en cookie från det säkra ursprunget, liksom omfånget för cookien är också begränsat till sökattributet som vi skickade från servern. Så det täcker två funktioner en för säkerhet och en annan är path attribut också.
Om servern inte vill ange sökattributet används "katalogen" för begäran. För Chrome-webbläsaren är sökattribut alltid ursprunget.
Det pekar också på att domänattribut inte finns, vilket förhindrar att cookien skickas till andra domäner som sedan nämns.
5. Sökväg
Det här är den väg som anger cookien. Om denna sökväg är tom kan du hämta cookien från valfri sida. Vägen måste vara absolut.
Exempel:
; sökväg = sökväg (t.ex. '/', '/ mypath')
6. Domän
Den innehåller webbplatsens namn.
Exempel:
; samesite: Det kommer att skydda webbläsaren från att skicka den här cookien till någon annan sida eller begäran över andra webbplatser. Det har två möjliga värden för flaggan.
Key = value-paret kan använda eller cookie-värdet kan använda den kodade URI bara för att säkerställa att strängen inte innehåller något blanksteg, semikolon, komma. Cookie-värdet innehåller inte alla ovan nämnda begränsningar. Genom att använda JavaScript kan vi skapa, hämta och ta bort cookien. För det använder vi cookieegenskapen för dokumentobjektet så att vi kan manipulera cookieobjektet.
Så JavaScript kan skapa, läsa och ändra cookies på den aktuella webbsidan.
Syntax av cookies i JavaScript
Följande är syntaxen i javascript förklara i detaljer,
1. Skriva en ny cookie
Syntax:
document.cookie = "key1 = value1;key2 = value2;expires = date";
document.cookie = value;
Ovan syntax för att bara visa en nyckel = värdepar och annat är ett sätt att ställa in flera cookies samtidigt. Men här är Expire-attributet valfritt. Om vi tillhandahåller detta attribut något giltigt datum eller tid kommer det att ta bort cookien på det datumet och tiden om inte så kommer ingenting att hända och cookien kommer fortfarande att vara tillgänglig.
Här ställer vi in värdet på cookieegenskap för dokumentobjekt. I ovanstående syntaxdokument.cookie = värde är en form pf-nyckel = värde. Vi måste komma ihåg en sak medan vi ställer in värdet på en cookie att vi bara kan ställa in en cookie åt gången. (Skapa / uppdatering)
Koda:
function createCookie() (
if( document.myform.customer.value == "" ) (
alert("please enter some value.");
return;
)
cookievalue = escape(document.myform.customer.value) + ";";
document.cookie = "name=" + cookievalue;
document.write ("Cookies : " + "name=" + cookievalue );
)
Produktion:
2. Läsa cookie
Syntax:
allCookieValue = document.cookie
I ovanstående syntax kommer allCookieValue att innehålla alla värden på cookie separerad med en semikolon, så det är i princip en sträng separerad med en semikolon. I form av nyckel = värdepar.
3. Återställ kakevärde
Koda:
function resetOnceValue() (
document.cookie = "value1=; expires=Sat, 02 Jul ";
)
Hur tar jag bort en cookie i JavaScript?
Ibland vill vi ta bort vissa cookies-värden. Men för att radera värdet ställer vi bara attributet för utgångsdatum till något tidigare värde.
Koda:
function WriteCookie()
(
var now = new Date();
now.setMonth( now.getMonth() + 1 );
cookievalue = escape(document.myform.customer.value) + ";"
document.cookie="name=" + cookievalue;
document.cookie = "expires=" + now.toUTCString() + ";"
document.write ("Setting Cookies : " + "name=" + cookievalue );
)
Produktion:
Slutsats
Så cookies löser i princip problemet med hur vi kan komma ihåg användaren och deras information. Det sparar som ett bane-värde-par. Den använder en annan metod för att kontrollera om användaren loggar in eller inte exemplar autentiserar cookie-metoden. Utan denna typ av metod kan vi bestämma att servern ska skicka informationen eller inte.
Rekommenderade artiklar
Detta är en guide till cookies i JavaScript. Här diskuterar vi arbetet, syntax och hur man tar bort cookie i javascript a. Du kan också titta på följande artiklar för att lära dig mer-
- Skapa och ta bort kakor i PHP
- Hur fungerar variabler i JavaScript?
- Topp 6 kompilatorer av JavaScript
- Hur skapar jag ett objekt JavaScript?