Cuprins
Cookie-urile sunt mici bucăți de date care sunt stocate în browserul persoanei care vizitează o pagină, astfel încât unele date pot fi obținute despre navigarea lor pe o anumită pagină, cu acest lucru atunci când persoana vizită site-ul din nou, putem personaliza experiența de navigare , fie afișând rezultate legate de vizita dvs. anterioară, fie afișând imediat datele dvs. personale.Cu HTML5 si obiect document Putem scrie cookie-uri folosind limbajul Javascript, datorită acestui lucru putem extinde funcționalitatea paginilor noastre, oferind o experiență de navigare mai robustă.
Citiți și scrieți cookie-uri
După cum am menționat la început, datorită obiectului document Putem face manipularea cookie-urilor, cu următorul cod vom face un mic exemplu în acest sens, astfel încât să putem înțelege cum se desfășoară procesele:
Exemplu Add Cookie Update Cookie
Proprietatea cookie funcționează într-un mod aparte, când citim valoarea proprietății, obținem toate cookie-urile asociate cu documentul. Cookie-urile au o structură de pereche nume / valoare și puteți vedea nume = valoare.
Acum, când se obțin mai multe cookie-uri, vom vedea că le vom obține separate printr-un punct și virgulă după cum urmează: nume1 = valoare1; nume2 = valoare2; nume3 = valoare3. Și tot așa cu tot ce avem.
Acum, comportamentul atunci când adăugăm un cookie este următorul, atribuim o nouă pereche nume / valoare ca valoare a proprietății cookie a obiectului document și astfel sunt adăugate cookie-urile document. În acest proces, putem adăuga un singur cookie la un moment dat, dacă atribuim o valoare care corespunde unui nume de cookie existent, acesta va fi actualizat cu acea valoare.
Odată ce am clarificat modul în care funcționează cookie-urile, vom explica codul pe care l-am introdus, vedem că avem două butoane în document, fiecăruia i s-a atribuit o funcție Adăugați un cookie pentru a adăuga cookie-uri și Actualizați modulul cookie pentru a le actualiza, când îl folosim pe primul, funcția este activată createCookie care creează o nouă pereche nume / valoare care va fi adăugată la colecția cookie a documentului, al doilea buton va apela funcția updateCookie care va atribui o nouă valoare unui cookie existent.
Să vedem o captură de ecran a modului în care ar trebui să funcționeze acest cod în browserul nostru:
- cale = Setează calea asociată cookie-ului, în mod implicit este calea documentului curent.
- domeniu = Acesta stabilește domeniul asociat cookie-ului, implicit ia valoarea domeniului documentului curent.
- vârsta maximă = Stabilește viața unui cookie, este numărat în secunde și începe să se numere din momentul creării sale.
- expiră = Setați data de expirare a unui cookie folosind fusul orar GMT. Această opțiune este disponibilă numai pentru o conexiune HTTPS.
