Потерять динамический контент после обновления страницы в jQuery Mobile

Вот моя проблема: я разрабатываю мобильное веб-приложение с jQuery Mobile, и мне нужно создавать динамический контент.

На первой странице у меня есть список с некоторыми <li>elements. Когда я нажимаю на одну из этих <li>, я перехожу на другую страницу и динамически создаю контент. Таким образом, содержимое второй страницы отличается для каждого <li> первой страницы.

Моя проблема в том, что когда я обновляю вторую страницу, весь динамический контент исчезает, потому что он потерял параметры. Чтобы решить эту проблему, я попытался использовать строку запроса, например <a href="secondPage?=id=2">, но это не сработало.

Я спрашиваю вас, есть ли другой способ передать параметры через страницы с помощью jQuery Mobile, чтобы при обновлении страницы я не терял содержимое.

Спасибо


jquery dynamic-content jquery-mobile
person Totoro    schedule 11.01.2012    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы можете использовать window.location.hash для сохранения/загрузки данных. Просто сохраните данные там в строковом формате при изменении данных и при загрузке страницы проверьте, есть ли там что-нибудь.

Данные там будут добавлены к вашему URL в виде хэша: example.com/url#yourdata

person bardiir    schedule 11.01.2012
comment
Спасибо за ваш ответ. Это работает с использованием атрибута href в каждом ‹li› с использованием идентификатора на pagebeforeshow.. Есть ли способ передать параметры через страницы без использования атрибута href? Я имею в виду, что у меня есть объект с 40 параметрами и Я не хочу показывать их все в URL-адресе.. Я нахожу это немного неудобным и не очень хорошим.. спасибо! - person Totoro; 11.01.2012
comment
О, спасибо за ваш ответ. Я также думал об использовании файлов cookie, но не могу использовать файлы cookie, так как моему профессору это не нравится ... есть другие предложения?! спасибо в любом случае - person Totoro; 11.01.2012
comment
Вы могли бы по-настоящему проявить фантазию и использовать объект HTML5 sessionStorage :) - person bardiir; 11.01.2012
comment
Хранилище сеансов?! Я действительно не знал об этом .. Я попробую :) спасибо! - person Totoro; 11.01.2012
comment
Да, это хорошая техника, но будьте осторожны, она не очень широко поддерживается браузерами. Особенно старые браузеры, как правило, не поддерживают его. - person bardiir; 11.01.2012
comment
Посмотрите здесь хорошую демонстрацию sessionStorage и localStorage: html5demos.com/storage :) - person bardiir; 11.01.2012

arrow_upward
0
arrow_downward

Используйте http://westcoastlogic.com/lawnchair/
просто сохраните нужные параметры в локальной базе данных. а затем получить его на второй странице для использования.

person ghostCoder    schedule 12.01.2012