Кэширование интерфейса Webapp и восстановление его с помощью html5 localstorage

Question

Кэширование интерфейса Webapp и восстановление его с помощью html5 localstorage

0

Хорошо. Поэтому я много слышал о создании приложений с помощью phonegap и html5. приложение работает отлично, но он получает доступ к веб-сервису для заполнения div для отображения. Служба хорошо работает, что я хочу реализовать, это механизм кэширования для хранения последнего интерфейса из службы с использованием локального хранилища, в то время как новый запрос выполняется в фоновом режиме.

Это мой код javascript. Пожалуйста, что я делаю неправильно.

PS am является промежуточным пользователем html5/js. Тем не менее, пользовательский php действительно хорошо.

function loadHome()
{

$("#post_display").html(waitText); 
$.get(api_url',{ app_key: my_app_key } ,
function(data){
    if(('localStorage' in window) && window['localStorage'] !== null)
    {
        localStorage.setItem('data_home',data); alert(localStorage.getItem(data_home));
    }
    $("#post_display").html(data) }
    );

}

до сих пор, предупреждение работает и показывает мне сохраненные данные. Теперь, как я могу отобразить данные, когда пользователь вернется на страницу. какую условную логику я использую? образец

if(localstorage.data_home){ //display store data here } 
else{//run the ajax call to the api service}

Я не знаю, как это сделать. Помогите.

jcobhams 25 сен. 2013, в 12:16

Источник

Теги:

javascript

jquery

html5

local-storage

1 ответ

Ещё вопросы

Lifecube · Answer 1 · 2013-09-25T08-42-00.000Z

просто проверьте перед вызовом ajax. Это всего лишь образец, вам нужно восстановить исходный код.

function loadHome()
{

$("#post_display").html(waitText); 
if(('localStorage' in window) && window['localStorage'] !== null && localStorage.getItem('data_home')){
    $("#post_display").html(localStorage.getItem('data_home'));
    return;
}
$.get(api_url',{ app_key: my_app_key } ,
function(data){
    if(('localStorage' in window) && window['localStorage'] !== null)
    {
        localStorage.setItem('data_home',data); alert(localStorage.getItem(data_home));
    }
    $("#post_display").html(data) }
    );

}

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