解析jquery中的ajax缓存问题


Posted in Javascript onDecember 19, 2013

jquery的ajax请求默认请求cache是true 也就是开启的,dataType为script和jsonp时默认为false。现在我要在浏览器里读取缓存,因为ajax请求的数据很大,请求一次就够了。但是问题来了,在FF里面,是没有ajax缓存的,也就是每次都会触发ajax请求,这点和IE不一样。所以在这里就得注意,做个判断,阻止触发ajax事件。

function ajax_show(apartId,roomClass,sortTile){
          HX_THIS_FANGXING_NUM=sortTile;
          huxing_pic_set_color();    
          var this_li=$('#title_'+sortTile);
          var cache=this_li.data("cache");
          if(undefined!=cache){
           var data_arr =cache.split('-');
            xg_pic_links=data_arr[0];//缓存记录
            layout_pic_links=data_arr[1];
            layout_big_pic_links=data_arr[2];
            product_links=data_arr[3];
               xg_pic_deal_array();
            xg_show_pic(xg_now_pic_id);
            }else{
                   $.ajax({//用JQ的缓存cache在FF下还是会发起新请求
                    type: "POST",
                   url: "index.php?m=content&c=index&a=ajax_all_pic",
                  data: "apartId=123&roomClass=123",
                 dataType:'text',
                  success: function(backdata){
                       this_li.data('cache',backdata);//缓存记录     
                       var data_arr =backdata.split('-');
                       xg_pic_links=data_arr[0];    
                       layout_pic_links=data_arr[1];
                       layout_big_pic_links=data_arr[2];
                       product_links=data_arr[3];
                       xg_pic_deal_array();
                       xg_show_pic(xg_now_pic_id);             
               }
           });          } 
    }

通过this_li.data('cache',backdata);//缓存记录,来做标记
Javascript 相关文章推荐
jquery 学习笔记 传智博客佟老师附详细注释
Sep 12 Javascript
IE8 chrome中table隔行换色解决办法
Jul 09 Javascript
jQuery中ajax的使用与缓存问题的解决方法
Dec 19 Javascript
jquery实现倒计时代码分享
Jun 13 Javascript
在IE8上JS实现combobox支持拼音检索功能
May 23 Javascript
AngularJs $parse、$eval和$observe、$watch详解
Sep 21 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
Mar 23 jQuery
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 Javascript
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
微信小程序自定义键盘 内部虚拟支付
Dec 20 Javascript
关于vue路由缓存清除在main.js中的设置
Nov 06 Javascript
JavaScript实现网页计算器功能
Oct 29 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
Dec 19 #Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
Dec 19 #Javascript
Json序列化和反序列化方法解析
Dec 19 #Javascript
利用js(jquery)操作Cookie的方法说明
Dec 19 #Javascript
JQUERY dialog的用法详细解析
Dec 19 #Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
Dec 19 #Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
Dec 19 #Javascript
You might like
PHP flush 函数使用注意事项
2016/08/26 PHP
PHP对象链式操作实现原理分析
2016/10/09 PHP
php实现的简单中文验证码功能示例
2017/01/03 PHP
在标题栏显示新消息提示,很多公司项目中用到这个方法
2011/11/04 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
JavaScript的事件绑定(方便不支持js的时候)
2013/10/01 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
2014/12/18 Javascript
基于Jquery和html5的7款个性化地图插件
2015/11/17 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
JQuery中Ajax的操作完整例子
2017/03/07 Javascript
NodeJs实现定时任务的示例代码
2017/12/05 NodeJs
Nuxt.js实战详解
2018/01/18 Javascript
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
JavaScript遍历数组和对象的元素简单操作示例
2019/07/09 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
python3实现全角和半角字符转换的方法示例
2017/09/21 Python
对python-3-print重定向输出的几种方法总结
2018/05/11 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
python框架django项目部署相关知识详解
2019/11/04 Python
numpy.ndarray 实现对特定行或列取值
2019/12/05 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
django models里数据表插入数据id自增操作
2020/07/15 Python
Python绘制K线图之可视化神器pyecharts的使用
2021/03/02 Python
Ratchet 模态框的实现
2020/08/19 HTML / CSS
萨克斯第五大道精品百货店: Saks Fifth Avenue
2017/04/28 全球购物
正宗的日本零食和糖果订阅盒:Bokksu
2019/11/21 全球购物
乌克兰移动电子产品和相关配件的在线商店:iTMag
2020/03/16 全球购物
大学生就业自荐信
2013/10/26 职场文书
写给女朋友的道歉信
2014/01/08 职场文书
小学毕业感言50字
2014/02/16 职场文书
抽样调查项目计划书
2014/04/24 职场文书
篮球赛口号
2014/06/18 职场文书
美化环境标语
2014/06/20 职场文书
2014年前台接待工作总结
2014/12/05 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
戴尔Win11系统no bootable devices found解决教程
2022/09/23 数码科技