Javascript 缓存Webapp接口并使用html5 localstorage还原它

好的。所以我听说过很多关于使用phonegap和html5构建应用程序的事情。该应用程序工作正常，但它访问一个web服务来填充div进行显示。该服务运行良好，我想实现的是一种缓存机制，用于在后台执行新请求时，使用本地存储存储来自该服务的最后一个接口

这是我的javascript代码。请问我做错了什么

我是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) }
    );

}

到目前为止，警报仍然有效，并向我显示存储的数据。现在，当用户返回页面时，如何显示数据。我使用什么条件逻辑？ 样品

---

我不知道该怎么办。帮助。

在调用ajax之前检查一下。这只是一个示例，您需要重构源代码

函数loadHome（）
{
$（“#post_display”）.html（waitText）；
if（（'localStorage'在窗口中）&&window['localStorage']！==null&&localStorage.getItem（'data_home'））{
$（“#post_display”）.html（localStorage.getItem（'data#u home'）；
返回；
}
$.get（api_url'，{app_key:my_app_key}，
功能（数据）{
if（（'localStorage'在窗口中）&&window['localStorage']！==null）
{
setItem（'data_home'，data）；alert（localStorage.getItem（data_home））；
}
$（“#post_display”）.html（数据）}
);
}

感谢您的代码…我将尝试此代码并返回给您。只是尝试了此代码示例…它不起作用。它显示加载文本，但不显示存储的数据

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