移动web开发ajax缓存操作

移动web开发过程中网速是必须考虑的一个因素，所以一般是尽可能的在本地存储数据，避免弱网环境下请求数据失败导致页面没有内容的情况。

前后端分离是web开发的必然趋势，在PC端我们有时甚至为了避免ajax缓存去做一些处理，但是移动端我们却需要把ajax请求给缓存下来，尤其是json数据。

function ajaxCache(opt){function getStoreKey(opt){var url = opt.url;
//缓存最后面的json文件名var storeKey = url.match(/([^\/]*)\/*$/)[1];var hashStr = url;if (opt.data){hashStr += JSON.stringify(opt.data);}var hash = hashStr;storeKey += hash;return storeKey;}
//加载缓存的数据function loadCachedData(opt, storage){var storeKey = getStoreKey(opt);var data = storage.getItem(storeKey);try{data = JSON.parse(data);} catch(e){Logger.log(storeKey+":缓存数据解析出错");data = null;}return data;}function attachSuccessProxy(opt, storage){var oldSuccess = opt.success;opt.success = function(){var data = arguments[0];if (data){var storeKey = getStoreKey(opt);storage.setItem(storeKey, JSON.stringify(data));}oldSuccess.apply(this, arguments);};}var cachedAjax = function(opt){if (!opt.url){opt.url = location.toString();}if (opt.sessionCache && opt.success){var sessionData = loadCachedData(opt, session);if (sessionData){opt.success(sessionData, 'session');return; // no further request from remote server
            }attachSuccessProxy(opt, session);}if (opt.localCache && opt.success){var localData = loadCachedData(opt, local);if (localData){opt.success(localData, 'local');}attachSuccessProxy(opt, local);}$.ajax(opt);};return cachedAjax;}

转载于:https://www.cnblogs.com/hutuzhu/p/4318254.html

移动web开发ajax缓存操作相关推荐

eclipse下web开发中缓存问题
eclipse下web开发中缓存问题原创 2016年04月06日 17:27:14 标签: eclipse / 缓存 / web开发 2351 问题描述:对web文件无论怎么修改,甚至删除,最后都会 ...
火狐web开发清楚缓存_如何使用Firefox的Web开发工具
火狐web开发清楚缓存 Firefox's Web Developer menu contains tools for inspecting pages, executing arbitrary Ja ...
web开发浏览器缓存问题之Google浏览器缓存清理
google浏览器设置不缓存的方法摘要:当我们在做web开发特别是在调试js代码时,会经常使用的Google浏览器,这个时候就会碰到我们写的js代码不能及时生效的问题.这是因为我们所用的Google ...
eclipse web开发 AJAX实例以及URL和Tomcat细节
我一定要发个博客,在这个毫无技术性的错误上纠结了好久好久,浪费了大量青春! 写给跟我一样的新手!希望你们不要像我一样走这么多的弯路!!! 新建web项目我不说了,百度起来很简单,下面先说AJAX实例: ...
asp.net web 开发登录相关操作的控件LoginName、LoginStatus和LoginView控件使用详解
http://book.51cto.com/art/200909/154039.htm http://book.51cto.com/art/200909/154041.htm ASP.NET提供了一套 ...
幻灯片：Web开发中的缓存
这是我昨天在博文视点Open Party上海站上关于Web开发中缓存的简单讲座.原本博文视点的朋友们希望我讲一下ASP.NET MVC方面的话题(估计看我最近一直在搞这个),但是我觉得其他平台一直用的 ...
360浏览器 ajax取缓存,web开发遇到的坑之360浏览器缓存问题
web开发遇到的坑之360浏览器缓存问题再使用360浏览器,浏览我自己开发的一个配置的web管理后台时,发现,使用ctrl+F5都不能刷新表格的数据,还有,我添加字段时,明明是添加成功的,用sql再 ...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
第1章Html Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言. 就是给文本加上含有语义的标签. 接下来应该学习更多具体语义标签: 一. ...
名师讲坛——Java Web开发实战经典基础篇（JSP、Servlet、Struts、Ajax）
[书名]<名师讲坛--Java Web开发实战经典基础篇(JSP.Servlet.Struts.Ajax)> [作者]李兴华.王月清 [ISBN]9787302231585 }:YKf: ...

移动web开发ajax缓存操作

移动web开发ajax缓存操作相关推荐

最新文章

热门文章