Stocarea informațiilor pe computerul client

Un cookie este adesea folosit pentru a identifica un utilizator.

Ce este un cookie?

Creați și păstrați un modul cookie

În acest exemplu, creăm un cookie care salvează numele vizitatorului. Prima dată când un utilizator postarea unei pagini web, el va fi invitat să introducă numele său. Apoi, numele va fi salvat în cookie. Data viitoare când vizitatorul revine la aceeași pagină, el primește un mesaj de bun venit.







În primul rând, vom crea o funcție care salvează numele vizitatorului și variabila cookie:

funcția setCookie (nume_c, valoare, exdays)
var exdate = data nouă ();
exdate.setDate (exdate.getDate () + exdays);
var c_value = escape (valoare) + ((exdays == null) "". "expira =" + exdate.toUTCString ());
document.cookie = c_name + "=" + c_value;
>

Parametrii funcției de mai sus includ numele cookie-ului, valoarea cookie-ului și numărul de zile în care fișierul cookie va fi stocat.

În această funcție, primim data curentă, apoi adăugăm numărul de zile în care trebuie să fie stocate cookie-urile. După aceasta, stocăm cookie-ul de nume, valoarea cookie-ului și "data de expirare" în obiectul document.cookie.

Acum vom crea o altă funcție care returnează cookie-ul specificat:

funcția getCookie (c_name)






var i, x, y, ARRcookies = document.cookie.split (";");
pentru (i = 0; i x = ARRcookies [i] .substr (0, ARRcookies [i] .indexOf ( "="));
y = ARRcookies [i] .substr (ARRcookies [i] .indexOf ( "=") + 1);
x = x.replace (/ ^ \ s + | \ s + $ / g, "");
dacă (x == c_name)
returnează unescape (y);
>
>
>

Funcția de mai sus creează o matrice pentru recuperarea numelor și a valorilor cookie-urilor, apoi verifică dacă există cookie-ul și returnează valoarea cookie-ului.

În cele din urmă, vom crea o funcție care afișează un mesaj de salut în cazul în care cookie-ul este setat, iar în cazul în care cookie-ul nu este setat, atunci funcția afișează fereastra de conectare a cere numele de utilizator, iar apoi stochează numele introdus pentru o perioadă de 365 de zile, apelarea unei setcookie funcție:

funcția checkCookie ()
var username = getCookie ("nume de utilizator");
dacă (username! = null username! = "")
alertă ("Bun venit" + nume de utilizator);
>
altfel
username = prompt ("Vă rugăm să introduceți numele dvs.:", "");
dacă (username! = null username! = "")
setCookie ("nume de utilizator", nume de utilizator, 365);
>
>
>

Și acum toți împreună:

funcția setCookie (nume_c, valoare, exdays)
<
var exdate = data nouă ();
exdate.setDate (exdate.getDate () + exdays);
var c_value = escape (valoare) + ((exdays == null) "". "expira =" + exdate.toUTCString ());
document.cookie = c_name + "=" + c_value;
>

funcția checkCookie ()
<
var username = getCookie ("nume de utilizator");
dacă (username! = null username! = "")

dacă (username! = null username! = "")
<
setCookie ("nume de utilizator", nume de utilizator, 365);
>
>
>






Încercați-l singur »
Faceți clic pe butonul "Încercați-l singur" pentru a vedea cum funcționează.

Exemplul de mai sus pornește funcția checkCookie () când pagina se încarcă.







Articole similare

Trimiteți-le prietenilor: