A JavaScript cookie-k áttekintése
A cookie-k információ vagy felhasználói információ, vagy mondhatjuk az adatokat. a felhasználó számítógépében tárolja, és alapvetően a felhasználói információkat tartalmazza, hogy a következő alkalommal emlékezzen rájuk, ha a kapcsolat elveszett a szerverről vagy valami másból. Ez egy olyan mechanizmus, amely a felhasználói információk megjegyzésére vagy a felhasználó böngészési tevékenységének nyomon követésére szolgál. A JavaScript ugyanúgy működik, hogy megőrizze a felhasználói információkat. Egy kis szöveges fájlt tárol az asztalon. Ha egy felhasználó ellátogat bármelyik weboldalra, akkor tárolja annak értékét, hogy a süti emlékezzen a nevükre.
Hogyan működik a sütik JavaScript-ben?
Amikor bármilyen kérést felteszünk a szerverre, cookie formájában adatokat küld a felhasználói böngészőknek. A böngészőben van néhány beállítás a süti számára. A böngésző elfogadja a sütiket. Ha a böngésző elfogadja a cookie-t, akkor a felhasználó rendszerében név-érték pár formájában kapta meg. Tehát minden alkalommal, amikor egy felhasználó a weboldal böngészője bármely más oldalán meglátogatja, ugyanazokat az információkat közli a szerverrel, hogy megismerje a felhasználói adatokat a további visszakeresés céljából.
A sütiket egyszerű szöveg formájában tárolják. A süti néhány tulajdonsága a következő,
1. Név = Értékpár
A sütik kulcs- és értékpárok formájában kerülnek tárolásra, és csak ugyanúgy szerezhetők be.
Példa:
felhasználónév = érték;
; maximális életkor = maximális életkor másodpercben (pl. 60 * 60 * 24 * 365)
2. Lejár
Van egy dátum, amikor ezen adatok lejárnak, ha nincs értékünk egy dátumra, vagy üres, akkor a süti lejár, amikor a felhasználó befejezi a böngészőt, vagy kilép onnan.
Példa:
; Lejár = date-in-GMTString-formátumban. Ha nem említjük a lejárt vagy a maximális életkorot, akkor az a jelenlegi munkamenet kilépésekor vagy befejezésekor a fentiek szerint lejár.
3. Biztonságos
Ha ez a mező tartalmazza a „biztonságos” szót, akkor nem tudjuk letölteni a sütiket, csak a biztonságos szerverről lehet beolvasni, különben nincs ilyen korlátozás. Ez egy másik módja annak, hogy felhasználói adatainkat megbizonyosítsuk a nem megbízható szerverekkel.
4. Gazda
Ez két előnnyel jár, az egyik lehetővé teszi számunkra a biztonságos eredetű süti használatát, valamint a süti terjedelme szintén az elérési út attribútumra korlátozódik, amelyet átadtunk a szerverről. Tehát két funkciót fed le, az egyik a biztonság érdekében, a másik pedig az út attribútuma.
Ha a szerver nem kívánja megadni az elérési út attribútumot, akkor a kérés „könyvtára” kerül felhasználásra. A Chrome böngészőnél az path attribútum mindig az eredete.
Ezenkívül rámutat arra, hogy a domain attribútum nem létezik, amely megakadályozza a süti elküldését az akkor említett többi domainhez.
5. Út
Ez az út állítja be a cookie-t. Ha ez az út üres, akkor a süti bármely oldalról beolvasható. Az útnak abszolútnak kell lennie.
Példa:
; elérési út = út (pl. '/', '/ mypath')
6. Domain
Ez tartalmazza a webhely nevét.
Példa:
; samesite: Ez megvédi a böngészőt attól, hogy ezt a sütiket elküldjék bármilyen más oldalra vagy webhelyközi kérésre. Két lehetséges értéke van a zászló számára.
A key = értékpár használhatja, vagy a cookie érték használhatja a kódolt URI-t, annak biztosítása érdekében, hogy a karakterlánc ne tartalmazzon szóközt, pontosvesszőt, vesszőt. A süti értéke nem tartalmazza az összes fent említett korlátozást. A JavaScript használatával létrehozhatjuk, letölthetjük és törölhetjük a sütiket. Ehhez a dokumentumobjektum cookie-tulajdonságát használjuk, így manipulálhatjuk a cookie-objektumot.
Így a JavaScript létrehozhat, olvashat és módosíthat sütiket az aktuális weboldalon.
A sütik szintaxisa a JavaScript-ben
Az alábbiakban ismertetjük a javascript szintaxisát,
1. Új süti írása
Szintaxis:
document.cookie = "key1 = value1;key2 = value2;expires = date";
document.cookie = value;
A szintaxis felett csak egy kulcs = értékpár megjelenítésére szolgál, a másik pedig egy többféle süti egyszerre történő beállításának módja. De itt az Expire attribútum választható. Ha megadjuk ezt az attribútumot érvényes dátummal vagy idővel, akkor az eltávolítja a sütiket azon a napon és időben, ha nem, akkor semmi sem történik, és a süti továbbra is elérhető lesz.
Itt állítjuk be a dokumentumobjektum cookie-tulajdonságának értékét. A fenti szintaxisban a document.cookie = érték pf kulcs = érték űrlap. A süti értékének meghatározásakor egy dolgot nem szabad elfelejtenünk: egyszerre csak egy sütit állíthatunk be. (Létrehozása / frissítés)
Kód:
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 );
)
Kimenet:
2. Cookie olvasása
Szintaxis:
allCookieValue = document.cookie
A fenti szintaxisban az allCookieValue a cookie összes értékét pontosvesszővel elválasztva tartalmazza, tehát alapvetően egy pontosvesszővel elválasztott karakterlánc. Kulcs = értékpár formájában.
3. Állítsa vissza a cookie-t
Kód:
function resetOnceValue() (
document.cookie = "value1=; expires=Sat, 02 Jul ";
)
Hogyan lehet törölni egy sütiket a JavaScript-ben?
Időnként szeretnénk törölni néhány sütik értékét. Az érték törléséhez azonban a lejárati dátum attribútumot valamilyen múltbeli értékre állítottuk.
Kód:
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 );
)
Kimenet:
Következtetés
Tehát a sütik alapvetően megoldják azt a problémát, hogy miként tudjuk megtartani a felhasználót és az ő adatait. Ez ment bane értékpárként. Más módszerrel ellenőrzi, hogy a felhasználó bejelentkezik-e vagy sem, például a hitelesíti a süti-módszert. Ilyen típusú módszer nélkül eldönthetjük, hogy a szervernek el kell-e küldenie az információkat, vagy sem.
Ajánlott cikkek
Ez egy útmutató a cookie-knak a JavaScript-ben. Itt tárgyaljuk a működést, a szintaxist és a sütik törlését javascript-ben. A következő cikkeket is megnézheti további információkért -
- Cookie-k létrehozása és törlése a PHP-ben
- Hogyan működnek a változók JavaScript-ben?
- A JavaScript 6 legnépszerűbb fordítója
- Hogyan lehet létrehozni egy objektum JavaScriptet?