Javascript хранит данные

Question

Привет Я начинающий веб-разработчик и пытаюсь создать интерфейс простого сайта электронной коммерции в качестве личного проекта. На сайте есть несколько страниц с флажками.

Когда кто-то проверяет элемент

• это retrives цену элемента и
• сохраняет его в переменной.

Но когда я иду на следующую страницу и нажмите новые флажки продукты переменная автоматически сбрасывает в исходное состояние.

Как сохранить значение этой переменной в Javascript? Я использую библиотеку jQuery.

EDIT: Это код, который я написал с помощью sessionStorage, но он все еще не работает, когда я перехожу на следующую страницу, значение сбрасывается.

Как я могу устранить этот код, чтобы я не сбросил каждую страницу. Все страницы на моем сайте используют один и тот же скрипт.

$(document).ready(function(){ 
     var total = 0; 



      $('input.check').click(function(){ 
       if($(this).attr('checked')){ 
        var check = parseInt($(this).parent().children('span').text().substr(1 , 3)); 
        total+=check; 
        sessionStorage.var_name=0 + total; 
        alert(sessionStorage.var_name); 

       }else{ 
        var uncheck = parseInt($(this).parent().children('span').text().substr(1 , 3)); 
        total-=uncheck; 


       } 
      }) 

Answer 1

Синтаксис sessionStorage прост, и он сохраняет свои данные, пока окно браузера не закрывается. Он действует точно так же, как и любой другой объект javascript. Для доступа к сохраненным значениям вы можете использовать обозначение точечной или квадратной скобки (необходимое для ключей с пробелами).

Сохранение значений с использованием sessionStorage

sessionStorage['value key'] = 'value to store'; 

Использование сохраненных значений

alert(sessionStorage['value key']); // Alerts "value to store". 

Answer 2

Вы можете использовать LocalStorage для acomplish это. Вы должны были бы создать запасной вариант для него, используя LocalStorage однако можно было бы сделать так:

Чтение из памяти:

if (localStorage['valueName'] !== undefined) { 
    input.value = localStorage['valueName']; 
} 

Пишущие для хранения:

localStorage['valueName'] = input.value; 

Вот jsfiddle пример: http://jsfiddle.net/yJjLe/

Answer 3

Как уже упоминалось выше, вы можете использовать sessionStorage или localStorage. Другой доступный вариант: HTML5 Web Databases И посмотрите на this presentation.

Также имейте в виду, что веб-хранилище html5 не является безопасным, так как каждый может видеть ваши сохраненные данные просто с консоли.