Overzicht van cookies in JavaScript
Cookies zijn stukjes informatie of gebruikersinformatie of we kunnen gegevens zeggen. het wordt opgeslagen op de computer van de gebruiker en bevat in feite de gebruikersinformatie om ze te onthouden voor de volgende keer als de verbinding verloren gaat van de server of iets anders. Het is een mechanisme om gebruikersinformatie te onthouden of om de browse-activiteit van de gebruiker bij te houden. JavaScript werkt ook op dezelfde manier om gebruikersinformatie te bewaren. Het slaat een klein tekstbestand op onze desktop op. Als een gebruiker een webpagina bezoekt, slaat deze de waarde op zodat de cookie zijn naam onthoudt.
Hoe werken cookies in JavaScript?
Wanneer we een verzoek indienen bij de server, worden bepaalde gegevens in de vorm van een cookie naar de gebruikersbrowser verzonden. In de browser hebben we enkele instellingen voor een cookie. De browser kan de cookie accepteren. Als de browser de cookie accepteert, kreeg deze de vorm van een naam-waardepaar in het systeem van de gebruiker. Dus wanneer een gebruiker een andere pagina in de sitebrowser bezoekt, verzendt deze dezelfde informatie over de gebruiker naar de server om hem op de hoogte te stellen van gebruikersgegevens voor later gebruik.
cookies worden opgeslagen als platte tekst. Een deel van de eigenschap van de cookie is als volgt,
1. Naam = Waardepaar
Cookie wordt opgeslagen in de vorm van sleutel- en waardepaar en kan alleen op dezelfde manier worden opgehaald.
Voorbeeld:
gebruikersnaam = waarde;
; max-age = max-age-in-seconden (bijv. 60 * 60 * 24 * 365)
2. Vervallen
We hebben een datum waarop deze gegevens zullen vervallen, als we geen waarde voor een datum hebben of als deze leeg is, vervalt de cookie wanneer de gebruiker de browser volledig verlaat of verlaat.
Voorbeeld:
; Verloopt = date-in-GMTString-formaat. Als we de vervaldatum of de maximale leeftijd niet vermelden, vervalt deze bij het afsluiten of beëindigen van de huidige sessie, zoals hierboven uitgelegd.
3. Veilig
Als dit veld het woord 'beveiligd' bevat, kunnen we de cookie niet ophalen. Deze kan alleen worden opgehaald van de beveiligde server, anders is er geen dergelijke beperking. Dit is een andere manier om onze gebruikersinformatie te beveiligen tegen niet-vertrouwde servers.
4. Gastheer
Dit biedt twee voordelen, één is dat het ons in staat stelt een cookie van de veilige oorsprong te gebruiken, en de reikwijdte van de cookie is ook beperkt tot het padkenmerk dat we van de server hebben doorgegeven. Het heeft dus betrekking op twee functies, een voor beveiliging en een andere is ook pad-kenmerk.
Als de server het padkenmerk niet wenst op te geven, wordt de "map" van de aanvraag gebruikt. Voor de Chrome-browser is het padkenmerk altijd de oorsprong.
Het wijst er ook op dat het domeinkenmerk niet aanwezig is, waardoor de cookie niet naar andere dan genoemde domeinen kan worden verzonden.
5. Pad
Dit is het pad dat de cookie plaatst. Als dit pad leeg is, kunt u de cookie van elke pagina ophalen. Het pad moet absoluut zijn.
Voorbeeld:
; path = path (bijvoorbeeld '/', '/ mypath')
6. domein
Het bevat de naam van de site.
Voorbeeld:
; samesite: het zal de browser beschermen tegen het verzenden van deze cookie naar elke andere pagina of cross-site aanvraag. Het heeft twee mogelijke waarden voor de vlag.
Het sleutel = waardepaar kan gebruiken of cookiewaarde kan de gecodeerde URI gebruiken, alleen om ervoor te zorgen dat de tekenreeks geen witruimte, puntkomma's, komma's bevat. Cookie-waarde bevat niet alle bovengenoemde beperkingen. Met behulp van JavaScript kunnen we de cookie maken, ophalen en verwijderen. Daarvoor gebruiken we de cookie-eigenschap van het documentobject zodat we het cookie-object kunnen manipuleren.
JavaScript kan dus cookies op de huidige webpagina maken, lezen en wijzigen.
Syntaxis van cookies in JavaScript
Hierna volgen de syntaxis in javascript in detail,
1. Een nieuw cookie schrijven
Syntaxis:
document.cookie = "key1 = value1;key2 = value2;expires = date";
document.cookie = value;
Bovenstaande syntaxis om slechts één sleutel = waardepaar en een andere weer te geven, is een manier om meerdere cookies tegelijkertijd in te stellen. Maar hier is het kenmerk Vervallen optioneel. Als we dit kenmerk een geldige datum of tijd verstrekken, wordt de cookie op die datum en tijd verwijderd, zo niet, dan gebeurt er niets en is de cookie nog steeds toegankelijk.
Hier stellen we de waarde in op cookie-eigenschap van documentobject. In de bovenstaande syntaxis is document.cookie = waarde een formulier pf key = waarde. We moeten één ding onthouden terwijl we de waarde van een cookie instellen, dat we slechts één cookie tegelijk kunnen instellen. (Maak / update)
Code:
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 );
)
Output:
2. Cookie lezen
Syntaxis:
allCookieValue = document.cookie
In de bovenstaande syntaxis bevat allCookieValue alle waarden van cookies gescheiden door een puntkomma, dus het is eigenlijk een string gescheiden door een puntkomma. In de vorm van sleutel = waardepaar.
3. Reset cookiewaarde
Code:
function resetOnceValue() (
document.cookie = "value1=; expires=Sat, 02 Jul ";
)
Hoe een cookie in JavaScript te verwijderen?
Soms willen we een aantal cookiewaarden verwijderen. Maar om de waarde te verwijderen, hebben we zojuist het vervaldatumkenmerk ingesteld op een waarde in het verleden.
Code:
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 );
)
Output:
Conclusie
Cookies lossen dus eigenlijk het probleem op van hoe we de gebruiker en hun informatie kunnen onthouden. Het slaat op als bane-waarde paar. Het gebruikt een andere methode om te controleren of de gebruiker inlogt of niet bijvoorbeeld de cookiemethode verifieert. Zonder dit type methode kunnen we beslissen dat de server de informatie wel of niet moet verzenden.
Aanbevolen artikelen
Dit is een gids voor cookies in JavaScript. Hier bespreken we de werking, syntaxis en hoe u cookies in JavaScript kunt verwijderen. U kunt ook de volgende artikelen bekijken voor meer informatie-
- Cookies maken en verwijderen in PHP
- Hoe werken variabelen in JavaScript?
- Top 6 compilers van JavaScript
- Hoe maak je een object JavaScript?