Kādi ir galvenie atšķirības starp LocalStorage, SessionStorage un Cookies datu glabāšanā pārlūkprogrammā?

LocalStorage, SessionStorage un Cookies ir trīs veidi, kā glabāt datus pārlūkprogrammā, taču tie atšķiras pēc apjoma, dzīves ilguma un redzamības jomas:

• LocalStorage:

  • Glabā datus bez derīguma termiņa, kamēr lietotājs tos manuāli nesadzēš.
  • Dati ir pieejami visās cilnēs un logu logā tajā pašā domēnā.
  • Apjoms parasti ir ap 5-10 MB.
  • Nav nosūtīts uz serveri katrā pieprasījumā.

• SessionStorage:

  • Dati dzīvo tikai sesijas laikā (kamēr ir atvērta pārlūkprogrammas cilne).
  • Dati nav pieejami citās cilnēs vai logu logā.
  • Apjoms ir līdzīgs LocalStorage.
  • Nav nosūtīts uz serveri.

• Cookies:

  • Ir ierobežots apjoms (ap 4 KB).
  • Var būt derīguma termiņš, pēc kura tie tiek dzēsti.
  • Katru HTTP pieprasījumu uz attiecīgo domēnu tiek nosūtīti uz serveri.
  • Tiek izmantoti autentifikācijai, sesiju uzraudzībai un tamlīdzīgi.

Piemērs LocalStorage izmantošanai:

// Saglabāt datus
localStorage.setItem('username', 'user123');

// Iegūt datus
const user = localStorage.getItem('username');