缓存清单导致$ .getJSON停止

时间:2011-07-18 16:40:21

标签: javascript jquery html5 mobile offline-mode

我正在使用HTML5,Javascript,jQuery Mobile和离线存储开发移动应用程序。

我有一个wep应用程序,它为移动应用程序(在同一个域上)提供一组JSON对象。它获取JSON对象,将它们存储在websql数据库中,然后创建一个无序列表,可以单击它们...

这个想法是当设备处于离线模式时,我将从离线数据库中提取数据并绕过从Web应用程序获取JSON,然后当设备下次在线时,它可以获得数据的新副本。

我已经到了创建cache.manifest文件的部分。基本上它看起来像这样:

CACHE MANIFEST

CACHE:
index.html
app.html

NETWORK:
http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js
http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css
http://code.jquery.com/jquery-1.4.3.min.js
js/data.js
js/script.js

然而,只要我添加

<html  manifest="cache.manifest">

然后重新加载我的$ .getJSON停止的页面(可以在data.js中找到)。该文件中的其他JS代码似乎执行但该功能。

这是在加载时执行的函数:

function getAppointments(){
// Update appointments ONLY when online
if(navigator.onLine = true){
    console.log('Application Online.')

    // create appointments table
    createAppTable();
    $.getJSON("http://site.com/OptiQuoteApp/index.php/appointments/download/", function(data) {
        $.each(data,function()
        {
            // Save appointments in database
            updateAppointments(this.quote_id, this.start_date, this.reference, this.first_name+' '+this.last_name, this.comment);
        });
         getAppointmentsList();
    });
}else{
    console.log('Application Offline.')

}
getAppointmentsList();

}

请注意。我知道它说site.com(为了安全......)

脚本到createAppTable();然后不再。

任何人都知道吗?

比利

非常感谢

1 个答案:

答案 0 :(得分:3)

尝试在清单文件中的“NETWORK:”下添加*。这样,任何未经过特别缓存的内容都将从您的网站中删除。

NETWORK:
http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js
http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css
http://code.jquery.com/jquery-1.4.3.min.js
js/data.js
js/script.js
*