HTML5 - kolačići

Sadržaj
Kolačići su mali dijelovi podataka koji se pohranjuju u pregledniku osobe koja posjećuje stranicu, tako da se mogu imati neki podaci o njihovom kretanju na određenoj stranici, a time kad osoba ponovno posjeti web stranicu možemo prilagoditi njihovo iskustvo navigacije , ili prikazujući rezultate koji se odnose na vaš prethodni posjet, ili odmah prikazuju vaše osobne podatke.
S HTML5 i objekt dokumenta Možemo pisati kolačiće koristeći Javascript jezik, zahvaljujući tome možemo proširiti funkcionalnost naših stranica, nudeći robusnije iskustvo pregledavanja.
Čitanje i pisanje kolačića
Kao što smo spomenuli na početku, zahvaljujući objektu dokument Možemo izvršiti rukovanje kolačićima, sa sljedećim kodom napravit ćemo mali primjer toga, kako bismo razumjeli kako se procesi provode:
 Primjer Dodavanje kolačića Kolačić za ažuriranje 

Svojstvo kolačića radi na osebujan način, kada očitamo vrijednost svojstva, dobivamo sve kolačiće koji su povezani s dokumentom. Kolačići imaju strukturu parova ime / vrijednost i možete vidjeti ime = vrijednost.
Sada kada se dobije nekoliko kolačića, vidjet ćemo da ćemo ih dobiti odvojene točkom i zarezom na sljedeći način: ime1 = vrijednost1; ime2 = vrijednost2; ime3 = vrijednost3. I tako dalje sa svime što imamo.
Ponašanje kada dodamo kolačić je sljedeće, dodjeljujemo novi par ime / vrijednost kao vrijednost svojstva kolačića objekta dokumenta i na taj način se dodaju kolačići dokumenta. U ovom procesu možemo dodati samo jedan kolačić odjednom, ako dodijelimo vrijednost koja odgovara postojećem nazivu kolačića, on će se ažurirati tom vrijednošću.
Nakon što razjasnimo način na koji kolačići rade, objasnit ćemo kôd koji smo unijeli, vidimo da imamo dva gumba u dokumentu, svakom je dodijeljena funkcija Dodajte kolačić za dodavanje kolačića i Ažurirajte kolačić da bismo ih ažurirali, kada koristimo prvu, funkcija se aktivira createCookie koji stvara novi par ime / vrijednost koji će biti dodan u zbirku kolačića dokumenta, drugi gumb će pozvati funkciju updateCookie koji će postojećoj kolačiću dodijeliti novu vrijednost.
Pogledajmo snimku zaslona kako bi ovaj kod trebao funkcionirati u našem pregledniku:

Imamo i neka dodatna svojstva koja možemo koristiti za rukovanje kolačićima, pogledajmo sljedeći popis:
  • put = Postavlja put povezan s kolačićem, prema zadanim postavkama to je put trenutnog dokumenta.
  • domena = On uspostavlja domenu povezanu s kolačićem, prema zadanim postavkama uzima vrijednost domene trenutnog dokumenta.
  • max-age = Određuje život kolačića, broji se u sekundama i počinje odbrojavati od trenutka nastanka.
  • istječe = Podesite datum isteka kolačića pomoću vremenske zone GMT. Ova je opcija dostupna samo za korištenje putem HTTPS veze.
Za korištenje ovih svojstava moramo ih dodati nakon točke sa zarezom pri postavljanju vrijednosti kolačića, na primjer document.cookie = "MyCookie = Moja vrijednost; max-dob = 10"; Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod

Vi ćete pomoći u razvoju web stranice, dijeljenje stranicu sa svojim prijateljima

wave wave wave wave wave