Как хранить постоянные данные на стороне клиента

Вы можете хранить данные в window.name, который может содержать до 2 МБ данных (!).

/* on page 1 */
window.name = "Bla bla bla";

/* on page 2 */
alert(window.name); // alerts "Bla bla bla"

Изменить: Также ознакомьтесь с этой статьей об Ajaxian. в соответствии с этим.

Обратите внимание, что другие сайты в той же вкладке/окне также имеют доступ к window.name, поэтому здесь не следует хранить ничего конфиденциального.

Вы можете использовать API веб-хранилища (Window.localStorage или Window.sessionStorage). Ознакомьтесь с эту статью на html5doctor для более подробного объяснения. API веб-хранилища — это поддерживается всеми современными браузерами на данный момент.

Доступное только для чтения свойство localStorage позволяет вам получить доступ к объекту Storage для источника документа; сохраненные данные сохраняются между сеансами браузера. localStorage аналогичен sessionStorage, за исключением того, что данные, хранящиеся в localStorage, не имеют срока действия, данные, хранящиеся в sessionStorage, очищаются по завершении сеанса страницы, то есть при закрытии страницы.
< sup>https://developer.mozilla.org/en/docs/Web/API/Window/localStorage

Как подчеркнуто выше:

• Чтобы хранить данные неограниченное время (пока кеш не будет очищен), используйте Window.localStorage.
• Чтобы хранить данные до закрытия окна, используйте Window.sessionStorage.

Существует два метода установки и получения свойств через Window.localStorage и Window.sessionStorage API:

1. Доступ к свойствам напрямую:

   localStorage.name = 'ashes999';
   console.log(localStorage.name); // ashes999
   delete localStorage.name;
   console.log(localStorage.name); // undefined
   

   sessionStorage.name = 'ashes999';
   console.log(sessionStorage.name); // ashes999
   delete sessionStorage.name;
   console.log(sessionStorage.name); // undefined
   

2. Используйте Storage.setItem, Storage.getItem и Storage.removeItem методов API.

   localStorage.setItem('name', 'ashes999');
   console.log(localStorage.getItem('name')); // ashes999
   localStorage.removeItem('name');
   console.log(localStorage.getItem('name')); // undefined
   

   sessionStorage.setItem('name', 'ashes999');
   console.log(sessionStorage.getItem('name')); // ashes999
   sessionStorage.removeItem('name');
   console.log(sessionStorage.getItem('name')); // undefined
   

Предостережения:

• Браузеры могут налагать ограничения на емкость хранилища для каждого источника API веб-хранилища, но вы должны быть в безопасности до 5 МБ.
• API веб-хранилища ограничен той же политикой происхождения.
• Доступ к веб-хранилищу из сторонних IFrames запрещен, если пользователь отключил сторонние файлы cookie в Firefox.

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

Как насчет Google Gears. Это сделано для автономного хранения, но я думаю, что это может сработать. http://code.google.com/apis/gears/design.html

Из документации:

Хранение данных пользователя

Приложения, которые представляют собой нечто большее, чем просто статические файлы, имеют данные, которые обычно хранятся на сервере. Чтобы приложение можно было использовать в автономном режиме, эти данные должны быть доступны локально. Модуль базы данных предоставляет реляционную базу данных для хранения данных. На странице «Архитектура» вы найдете обсуждение стратегий проектирования локального хранилища, необходимого вашему приложению.

При повторном подключении автономного приложения вам потребуется синхронизировать любые изменения, внесенные в локальную базу данных, с сервером. Существует множество различных подходов к синхронизации данных, и единого идеального подхода не существует. На странице «Архитектура» описаны некоторые стратегии синхронизации.

Дополнительной функцией базы данных Gears является полнотекстовый поиск, обеспечивающий быстрый способ поиска текста в файле базы данных. Подробнее читайте здесь.

API веб-хранилища имеет ограничение в 5 МБ для локальное хранилище, но на стороне клиента можно хранить большие объемы данных, используя ИндекседБД. В некоторых новых браузерах также можно кэшировать данные для автономного использования с помощью Сервисные работники.

Фрагменты URL также могут хранить данные на стороне клиента, хотя они могут хранить только несколько тысяч символов в большинстве браузеров.

Хранилище на стороне клиента обычно ограничено только одним источником, хотя возможно разделять его между источниками используя postMessage().