HTML5+-+Складирање+на+Интернет

//Претходно://Влечи и Остави //Следно:// Апликациски кеш // Почетoк: // HTML5 Tуторијал

Што е HTML5 Складирање на Интернет?
Со HTML5, веб страниците ќе може да складираат податоци на локално ниво во рамките на корисничиот веб-пребарувач. Претходно ова се постигнуваше со cookie-си, но веб складирањето е побезбедно и побрзо. Податоците не се вклучени со секое барање на серверот, се користат само кога ќе се побараат. Исто така може да складира големо количество на податоци, без притоа да влијае на ефикасноста на веб страницата. Податоците се складираат во клуч/вредност парови, а веб страната може да пристапи само до податоци кои ги има самата складирано.

Поддршка од Интернет пребарувач
Складирањето на Интернет е поддржано во следните пребарувачи: Internet Explorer 8+, Firefox, Opera, Chrome и Safari.
 * Забелешка:** Internet Explorer 7 и претходни верзии не поддржуваат складирање на Интернет.

Локално складирање и Сесиско складирање (localStorage и sessionStorage)
Постојат два нови објекти за складирање на податоците на клиент: Пред да го користите складирањето на веб, проверете ја поддршката на пребарувачот за локално и сесико складирање: if(typeof(Storage)!=="undefined") { //Yes! localStorage and sessionStorage support!// Some code..... } else { // Sorry! No web storage support.. }
 * локално складирање (localStorage): складира податоци без рок на траење
 * сесиско складирање (sessionStorage): складира податоци за една сесија

Објектот localStorage (објект за локално складирање)
Објектот за локално складирање ги складира податоците без рок на траење. Податоците нема да бидат избришани по затворање на пребарувачот и истите ќе бидат достапни наредниот ден, недела или година.

__Пример:__
<!DOCTYPE html>            if(typeof(Storage)!=="undefined")   {   localStorage.lastname="Smith";   document.getElementById("result").innerHTML="Last name: " + localStorage.lastname;   }   else   {   document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";   }

Објаснување на примерот:
Горниот пример може да биде напишан и на овој начин:
 * Креирај клуч/вредност пар на локално складирање со клуч="lastname" и вредност="Smith"
 * Добиената вредност од клучот:"lastname", внесете ја во елемент со id="result"

document.getElementById(“result”).innerHTML=localStorage.lastname;
Синтаксата за отстранување на “lastname” e:

localStorage.removeItem(“lastname”);
Следниот пример ги брои бројот на пати на корисникот на кликнато копче. Во овој код вредноста string е претворена во број за да може да се зголеми бројачот: <!DOCTYPE html> function clickCounter { if(typeof(Storage)!=="undefined") { if (localStorage.clickcount) { localStorage.clickcount=Number(localStorage.clickcount)+1; } else { localStorage.clickcount=1; } document.getElementById("result").innerHTML="You have clicked the button " + localStorage.clickcount + " time(s)."; } else { document.getElementById("result").innerHTML="Sorry, your browser does not support web storage..."; } }  Click me! Click the button to see the counter increase. Close the browser tab (or window), and try again, and the counter will continue to count (is not reset).
 * Совет:** Клуч/вредност паровите секогаш се складираат како стрингови (string). Не заборавајте да ги конвертирате во друг формат кога е потребно.

Објектот sessionStorage (објект за сесиско складирање)
Објектот за сесиско складирање е еднаков на објектот за локално складирање, со таа разлика што ги складира податоците само за една сесија. Податоците ќе бидат избришани кога корисникот ќе го затвори прозорецот на Интернет пребарувачот. Следниот пример ги брои бројот на пати на кликнувања на копчето од страна на корисникот во тековната сесија:

__Пример__
<!DOCTYPE html> function clickCounter { if(typeof(Storage)!=="undefined") { if (sessionStorage.clickcount) { sessionStorage.clickcount=Number(sessionStorage.clickcount)+1; } else { sessionStorage.clickcount=1; } document.getElementById("result").innerHTML="You have clicked the button " + sessionStorage.clickcount + " time(s) in this session."; } else { document.getElementById("result").innerHTML="Sorry, your browser does not support web storage..."; } }  Click me! Click the button to see the counter increase. Close the browser tab (or window), and try again, and the counter is reset.

//Претходно:// Влечи и Остави // Следно: // Апликациски кеш // Почетoк: // HTML5 Tуторијал