解析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 相关文章推荐
为Javascript中的String对象添加去除左右空格的方法(示例代码)
Nov 30 Javascript
JS控制弹出新页面窗口位置和大小的方法
Mar 02 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
微信小程序 LOL 英雄介绍开发实例
Sep 30 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 Javascript
canvas 画布在主流浏览器中的尺寸限制详细介绍
Dec 15 Javascript
微信小程序 小程序制作及动画(animation样式)详解
Jan 06 Javascript
详解利用jsx写vue组件的方法示例
Jul 17 Javascript
vue框架搭建之axios使用教程
Jul 11 Javascript
小程序实现日历左右滑动效果
Oct 21 Javascript
JS 遍历 json 和 JQuery 遍历json操作完整示例
Nov 11 jQuery
vue 组件开发原理与实现方法详解
Nov 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学习笔记之面向对象编程
2012/12/29 PHP
php实现将字符串按照指定距离进行分割的方法
2015/03/14 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
多个datatable共存造成多个表格的checkbox都被选中
2013/07/11 Javascript
javascript闭包入门示例
2014/04/30 Javascript
JS中实现简单Formatter函数示例代码
2014/08/19 Javascript
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
js判断浏览器版本以及浏览器内核的方法
2015/01/20 Javascript
javascript动态设置样式style实例分析
2015/05/13 Javascript
js一维数组、多维数组和对象的混合使用方法
2016/04/03 Javascript
JavaScript实现图像模糊化的方法实例
2017/01/15 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
vue.js  父向子组件传参的实例代码
2017/10/29 Javascript
JavaScript Date对象功能与用法学习记录
2020/04/28 Javascript
使用Python中的线程进行网络编程的入门教程
2015/04/15 Python
python安装模块如何通过setup.py安装(超简单)
2018/05/05 Python
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
Python实现批量执行同目录下的py文件方法
2019/01/11 Python
基于Python的ModbusTCP客户端实现详解
2019/07/13 Python
Pytorch 的损失函数Loss function使用详解
2020/01/02 Python
Python SQLAlchemy库的使用方法
2020/10/13 Python
python中用Scrapy实现定时爬虫的实例讲解
2021/01/18 Python
Under Armour美国官网:美国知名高端功能性运动品牌
2016/09/05 全球购物
Glamest意大利:女性在线奢侈品零售店
2019/04/28 全球购物
Belstaff英国官方在线商店:Belstaff.co.uk
2021/02/09 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
大学系主任推荐信范文
2013/12/24 职场文书
汽车维修工岗位职责
2014/02/12 职场文书
创业培训计划书
2014/05/03 职场文书
领导干部“四风”问题批评与自我批评材料
2014/09/24 职场文书
我的中国梦主题教育活动总结
2015/05/07 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
银行资信证明
2015/06/17 职场文书
少先队中队工作总结2015
2015/07/23 职场文书
忆童年!用Python实现愤怒的小鸟游戏
2021/06/07 Python