Katsaus evästeisiin JavaScript-tilassa

Evästeet ovat tietoja tai käyttäjän tietoja tai voimme sanoa tietoja. se tallennetaan käyttäjän tietokoneeseen ja pohjimmiltaan sisältää käyttäjän tiedot muistaaksesi ne seuraavan kerran, jos yhteys katoaa palvelimelta tai muulta. Se on mekanismi käyttäjän tietojen muistamiseksi tai käyttäjän selaustoiminnan seuraamiseksi. JavaScript toimii myös samalla tavalla käyttäjän tietojen säilyttämiseen. Se tallentaa pienen tekstitiedoston työpöydällemme. Jos käyttäjä käy jollain verkkosivulla, se tallentaa arvonsa niin, että eväste muistaa heidän nimensä.

Kuinka evästeet toimivat JavaScript-ohjelmassa?

Aina kun pyydämme palvelinta, se lähettää joitain tietoja käyttäjän selaimille evästeen muodossa. Meillä on selaimessa joitain evästeen asetuksia. Selain voi hyväksyä evästeen. Jos selain hyväksyy evästeen, se saa käyttäjän järjestelmässä nimiarvoparin muodossa. Joten aina kun käyttäjä vierailee millä tahansa muulla sivulla selaimessa, se lähettää samat käyttäjän tiedot palvelimelle ilmoittaakseen heille käyttäjän tiedoista edelleenhakua varten.

evästeet tallennetaan selkeänä tekstinä. Osa evästeen ominaisuudesta on seuraava,

1. Nimi = Arvopari

Eväste tallennetaan avain- ja arvoparin muodossa ja noutaa vain samalla tavalla.

Esimerkki:

käyttäjänimi = arvo;

; max-ikä = max-ikä sekunnissa (esim. 60 * 60 * 24 * 365)

2. Vanheneminen

Meillä on päivämäärä, jolloin nämä tiedot vanhenevat, jos päivämäärällä ei ole arvoa tai se on tyhjä, eväste vanhenee, kun käyttäjä sulkee selaimen tai poistuu siitä.

Esimerkki:

; Päättyy = päivämäärä-in-GMTString-formaatissa. Jos emme mainitse vanhenemista tai enimmäisikää, se vanhenee, kun poistutaan tai päätetään nykyinen istunto, kuten edellä selitettiin.

3. Kiinnitä

Jos tässä kentässä on sana “suojattu”, emme voi noutaa evästettä, se voidaan noutaa vain suojatulta palvelimelta, muuten tällaista rajoitusta ei ole. Tämä on toinen tapa suojata käyttäjätietojamme epäluotettavilta palvelimilta.

4. Isäntä

Tämä tarjoaa kaksi etua, joista yksi on se, että voimme käyttää turvallisen alkuperän evästettä. Evästeen laajuus rajoittuu myös palvelimelta välittämään polku-ominaisuuteen. Joten se kattaa kaksi toimintoa yhden turvallisuudelle ja toinen polun ominaisuuden.

Jos palvelin ei halua antaa polku-määritettä, käytetään pyynnön "hakemistoa". Chrome-selaimessa polun ominaisuus on aina lähtökohta.

Se huomauttaa myös, että verkkotunnusominaisuutta ei ole läsnä, mikä estää evästeen lähettämisen muille mainituille verkkotunnuksille.

5. Polku

Tämä on polku, joka asettaa evästeen. Jos tämä polku on tyhjä, voit hakea evästeen mistä tahansa sivusta. Polun on oltava ehdoton.

Esimerkki:

; polku = polku (esim. '/', '/ mypath')

6. Verkkotunnus

Se sisältää sivuston nimen.

Esimerkki:

; samesite: Se suojaa selainta lähettämästä tätä evästettä muille sivuille tai sivustojen välisille pyynnöille. Sillä on kaksi mahdollista arvoa lipulle.

Key = arvo-pari voi käyttää tai eväste-arvo voi käyttää koodattua URI: ta vain varmistaaksesi, että merkkijono ei sisällä tyhjää tilaa, puolipisteitä, pilkkuja. Evästeen arvo ei sisällä kaikkia edellä mainittuja rajoituksia. JavaScriptin avulla voimme luoda, hakea ja poistaa evästeen. Käytämme tätä varten asiakirjaobjektin evästeominaisuutta, jotta voimme manipuloida evästeobjektia.

Joten JavaScript voi luoda, lukea ja muokata evästeitä nykyisellä verkkosivulla.

Evästeiden syntaksi JavaScript-muodossa

Seuraavassa on JavaScriptin syntaksi, joka selittää yksityiskohtaisesti,

1. Uuden evästeen kirjoittaminen

Syntaksi:

document.cookie = "key1 = value1;key2 = value2;expires = date";
document.cookie = value;

Syntaksin yläpuolella näyttää vain yksi avain = arvopari ja toinen on tapa asettaa useita evästeitä samanaikaisesti. Mutta tässä Expire-määrite on valinnainen. Jos tarjoamme tälle määritteelle kelvollisen päivämäärän tai kellonajan, se poistaa evästeen kyseisenä ajankohtana, ellei niin, mitään ei tapahdu ja eväste on edelleen käytettävissä.

Tässä asetetaan arvo asiakirjaobjektin evästeominaisuudelle. Yllä olevassa syntaksissa document.cookie = arvo on muoto pf avain = arvo. Meidän on muistettava yksi asia samalla kun asetetaan evästeen arvo, että voimme asettaa vain yhden evästeen kerrallaan. (Luo / update)

Koodi:



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 );
)




lähtö:

2. Evästeen lukeminen

Syntaksi:

allCookieValue = document.cookie

Yllä olevassa syntaksissa allCookieValue sisältää kaikki evästeen arvot, jotka erotetaan puolipisteellä, joten se on pohjimmiltaan merkkijono, joka on erotettu puolipisteellä. Avaimen = arvoparin muodossa.

3. Nollaa evästeen arvo

Koodi:

function resetOnceValue() (
document.cookie = "value1=; expires=Sat, 02 Jul ";
)

Kuinka poistaa eväste JavaScriptinä?

Joskus haluamme poistaa evästeiden arvon. Mutta arvon poistamiseksi asetimme vanhenemispäivän määritteen vain joihinkin aikaisempiin arvoihin.

Koodi:



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 );
)



lähtö:

johtopäätös

Joten evästeet ratkaisevat periaatteessa ongelman siitä, kuinka voimme muistaa käyttäjän ja hänen tiedot. Se tallentuu bane-arvoparina. Se käyttää toista menetelmää tarkistaakseen, onko käyttäjä kirjautuneena vai ei, esimerkiksi autentikoi evästemenetelmän. Ilman tämän tyyppistä menetelmää voimme päättää, että palvelimen tulisi lähettää tiedot vai ei.

Suositellut artikkelit

Tämä on JavaScript-evästeiden opas. Tässä keskustellaan työskentelystä, syntaksista ja evästeen poistamisesta javascript a: ssa. Voit myös katsoa seuraavia artikkeleita saadaksesi lisätietoja-

  1. Evästeiden luominen ja poistaminen PHP: ssä
  2. Kuinka muuttujat toimivat JavaScript-ohjelmassa?
  3. 6 suosituinta JavaScriptin kääntäjää
  4. Kuinka luoda objektin JavaScript?