HTML5 - Pohrana preglednika

Prilikom rada s web stranicama ponekad moramo koristiti podatke koji traju tijekom pregledavanja korisnika, međutim ne želimo ili ne možemo koristiti baze podataka, pa za to možemo koristiti pohranu u pregledniku.
Pohrana preglednika
Preglednik nam omogućuje pohranu znatne količine podataka s različitim alatima koje nam daje. HTML5, odluka o korištenju jednog ili drugog ide kroz definiranje onoga što želimo učiniti.
Od različitih vrsta pohrane koje možemo koristiti istaknut ćemo lokalno skladište, s ovom vrstom pohrane možemo spremiti različite asocijacije ključ-vrijednost pomoću kojih možemo održavati postojanost korisničkih podataka na vašem lokalnom računalu s kojeg pristupate stranici HTML5.
Lokalna pohrana
Za korištenje lokalno skladište ovisimo o globalnom vlasništvu lokalno skladište, rekla je nekretnina mi vraća objekt pohrane u kojima ćemo imati različite asocijacije ključ -vrijednost koje smo gore spomenuli.
Kad se odlučimo za rad s ovom vrstom pohrane, moći ćemo računati na njezine različite metode kako bismo mogli izgraditi potrebne funkcije, zbog toga ih moramo poznavati, pogledajmo ispod metode koje imamo u ovoj vrsti lokalnog skladišta.

• čisto (): Ova metoda omogućuje nam čišćenje svih asocijacija pohranjenih u našem objektu.
• getItem (): Omogućuje nam da dobijemo vrijednost asocijacije pomoću ključa koji prosljeđujemo kao parametar.
• ključ (): Omogućuje nam da dobijemo ključ udruge koristeći vaš položaj.
• duljina: Ona označava količinu elemenata ključne vrijednosti koju smo trenutno pohranili.
• removeItem (): Umjesto brisanja svih elemenata s clear (), ovom metodom možemo ukloniti određene elemente koristeći njihov ključ kao identifikator.
• setItem (,): Ova nam metoda omogućuje dodavanje nove asocijacije ili ažuriranje ako ključ koji postavljamo već postoji.
• []: Omogućuje nam pristup sadržaju jedne od asocijacija u obliku niza.

Vrlo dobro sada kada znamo metode koje imamo, napravit ćemo demo kôd s kojim ćemo naučiti koristiti lokalnu pohranu:

 PrimjerKljuč:Vrijednost:Dodaj Clear
Postoje elementi

 
Elementi:
-

 

 

U ovom primjeru izgradili smo funkcionalnost koja nam omogućuje pisanje vrijednosti u polja vrsta unosa teksta a zatim kroz funkcije kako bi se te vrijednosti mogle lokalno pohraniti.
Pogledajmo kako to izgleda u našem pregledniku:

Možemo primijetiti kako možemo dodati brojne elemente, a zatim ih možemo proći kako bismo ih prikazali.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod