14、离线 Web 应用开发与浏览器数据存储

seed

于 2025-08-10 15:28:59 发布

阅读量32

点赞数

CC 4.0 BY-SA版权

分类专栏：提升客户端Web开发技能、构建高效应用文章标签：离线Web应用 Ajax请求处理浏览器数据存储

本文链接：https://blog.youkuaiyun.com/seed/article/details/150567893

提升客户端Web开发技能、构建高效应用专栏收录该内容

25 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

离线 Web 应用开发与浏览器数据存储

1. 离线 Web 应用开发

在开发离线 Web 应用时，我们会面临诸多挑战，尤其是在处理 Ajax 请求以及缓存管理方面。

1.1 重构代码以应对 Ajax 请求失败

为了确保即使 Ajax 请求失败，更新缓存和应用更改的控件仍然可用，我们可以将不依赖于成功 Ajax 请求的代码整合到一个传递给 complete 方法的函数中。以下是示例代码：

$.getJSON("products.json", function(data) {
    cheeseModel.products = data;
}).success(function() {
    $(document).ready(function() {
        enhanceViewModel();
        ko.applyBindings(cheeseModel);
        hasher.initialized.add(crossroads.parse, crossroads);  
        hasher.changed.add(crossroads.parse, crossroads);  
        hasher.init();     
        crossroads.addRoute("category/:cat:", function(cat) {                 
            cheeseModel.selectedCategory(cat || cheeseModel.p