После PHP писать на JS непривычно. В пыхе если задал $x=2, то можно сохранить в базу или в файл... А вот куда деть значения JS при работе на клиенте? Пишут же как-то на этом JS всякие плагины к браузерам и куда-то девают данные (скажем настройки плагина).


С приходом HTML5 ребята из WHATWG и W3C подсуетились и сделали нам LocalStorage. Сначала частью спецификации HTML5, а потом все-таки отпочковали в сторонку.

Когда нажимаете хокеи Crtl+Shift+Backspace (или яблоруны ⌘⇧⌫) для очистки данных браузера, вы наверняка подозревали: "Это не все!"
И таки да, кроме кэша с печеньками есть еще и "локальные данные сайтов" (которые надо чистить отдельно). Они и есть LocalStorage.

Привычный способ хранять состояние для конкретного юзера – это cookies. По сути это текстовый файл, прицепленный к домену сайта, который хранится у пользователя (и даже тупой пользователь умеет его чистить).

Я не пользуюсь печеньками. И вот почему:

1.) Гоняют туда-сюда при загрузке каждой страницы.
2.) Максимально влезает только 4 килобайта.
3.) Их можно стащить или подменить.

Поюзать LocalStorage можно в браузерах (совместимых с HTML5) причем писать надо гораздо меньше кода чем для кукисов. Вся работа идет с объектом localStorage в JavaScript.

Есть пара методов: для записи и чтения - setItem() и getItem()



А еще, вместо LocalStorage можно использовать SessionStorage (своего рода сессия на клиенте, пока браузер не будет закрыт).

Шикарно! А в чем остой?

В том что Strings Only. Неприятная особенность у LocalStorage – это то, что можно пользоваться только переменными типа "строка" (string). Иными словами, если у вас объект или массив, то сохранить его не получится. Можете попытаться, но место объекта получите [object Object]. Жаль жаль жаль...

Но есть чудо-костыль, можно скукожить и раскукожить объект в Json. На то есть методы JSON.stringify()и JSON.parse()

P.S:
Этим можно спалить школьника, который чистит кукисы и пытается вам накрутить. :friends: Так что когда крутим, не забываем чистить и "локальные данные сайтов" в браузере.