JQ中AJAX的isModified
来源:互联网 发布:网络实训室建设方案 编辑:程序博客网 时间:2024/04/28 12:33
项目中涉及到了一个加载模型的功能:前端请求回一个JSON文件,然后再对这个文件进行解析,在页面上解析出3D的模型。由于是3D模型,所以这个JSON文件很大。
在第一次加载模型时,会花很多时间来进行下载,但如何实现在第二次加载且请求的JSON文件没有变化的情况下,不再花时间请求新的资源,同时满足如果有新的资源时,会正确的从服务器重新请求的这个需求?
解决方法之一是调用浏览器本地的缓存好的资源。JQ中AJAX的isModified参数实现了这个解决方法。
$.ajax({ url : xxx.weburl, type : 'get', dataType : "text", ifModified : true,//强制要求检测最后更新时间,防止拿到旧的数据 success : function(data){ if(data===undefined){//没有数据,及没有数据变化,这时候再执行一次ajax,就是从浏览器缓存拿数据 $.ajax({ url : xxx.weburl, type : 'get', dataType : "text", success : function(data){ if(sucFunc){ sucFunc(data,para); } } }); }else{ if(sucFunc){ sucFunc(data,para); } } }, error : function(xhr, s) { if(errFunc){ errFunc(); } }, timeout : 600000 });
将ifModefied参数设置为true(默认为false),这样每次请求时,都会判断服务器和缓存的数据有没有变化,有的时候才返回数据,否则不返回数据。
因此,在没有变化时,data为undefined,此时重新进行一次请求,这次不要设置ifModefied为true,代码就会拿到浏览器缓存的数据了。
如果data不为undefined,证明是有新数据,此时则直接执行方法即可。
第一次请求,必然是新资源:
第二次请求且资源为旧资源时:
旧资源的情况下,触发了新的请求:
阅读全文
0 0
- JQ中AJAX的isModified
- jq,js的ajax中调用$(this)
- jq中ajax跨域
- jq的ajax
- jq - ajax -的方法
- 关于JQ的AJAX
- jQ ajax的使用
- jq版的ajax
- 在JQ中使用Ajax
- JQ的Ajax的操作
- JQ的Ajax登陆 -3
- Jquery JQ AJAX 的使用
- jq的ajax 使用formdata
- ajax(3)---jq下的ajax
- AJAX JQ学习总结(更新中。。。)
- jq ajax
- jQ-ajax
- jq ajax
- MySQL存储引擎介绍
- c#学习第五天 枚举和结构体
- 百家号不收录限流无推荐阅读为零抄袭的解决方法!
- 巧用F12调试工具js修改页面加载数目
- 原来Linux这么牛:称霸全球超级电脑 500 强!
- JQ中AJAX的isModified
- SQL优化之--日期时间段的读取
- 最新 macOS Sierra 10.12.5 安装CocoaPods及使用详解
- 【Machine Learning】笔记:Overfitting 问题
- 笔记2 《C++大学教程》
- XYNUOJ +-字符串 酒馆浪人的博客
- wsimport命令或myeclipse生产webservice客户端
- Java之23种设计模式
- Oracle 11g 常用命令 (转)