我正在使用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();然后不再。
任何人都知道吗?
比利
非常感谢
答案 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
*