解析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 相关文章推荐
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
原生js写的放大镜效果
Aug 22 Javascript
js自定义方法通过隐藏iframe实现文件下载
Feb 21 Javascript
创建js对象和js类的方法汇总
Dec 24 Javascript
jQuery中:contains选择器用法实例
Dec 30 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
Mar 14 Javascript
JS检测window.open打开的窗口是否关闭
Jun 25 Javascript
基于VUE.JS的移动端框架Mint UI的使用
Oct 11 Javascript
VUE 实现滚动监听 导航栏置顶的方法
Sep 11 Javascript
vue子路由跳转实现tab选项卡
Jul 24 Javascript
three.js显示中文字体与tween应用详析
Jan 04 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中sprintf与printf函数用法区别解析
2014/02/17 PHP
Thinkphp5+plupload实现的图片上传功能示例【支持实时预览】
2019/05/08 PHP
解放web程序员的输入验证
2006/10/06 Javascript
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
25个非常棒的jQuery滑块插件和教程小结
2011/09/02 Javascript
分享一个自己写的简单的javascript分页组件
2015/02/15 Javascript
javascript白色简洁计算器
2015/05/04 Javascript
js实现点击文本框显示日期选择器特效代码分享
2020/05/21 Javascript
javascript跨域总结之window.name实现的跨域数据传输
2015/11/01 Javascript
js实现定时进度条完成后切换图片
2017/01/04 Javascript
javascript中的replace函数(带注释demo)
2018/01/07 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
2019/11/01 Javascript
[05:15]DOTA2英雄梦之声_第16期_灰烬之灵
2014/06/21 DOTA
python 开发的三种运行模式详细介绍
2017/01/18 Python
python读写json文件的简单实现
2017/04/11 Python
Python程序员面试题 你必须提前准备!
2018/01/16 Python
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
Python 3.8新特征之asyncio REPL
2019/05/28 Python
Django 自动生成api接口文档教程
2019/11/19 Python
使用遗传算法求二元函数的最小值
2020/02/11 Python
挪威手表购物网站:Klokker
2016/09/19 全球购物
美国在线轮胎零售商:SimpleTire
2019/04/08 全球购物
香港彩色隐形眼镜在线商店:Stunninglens(全球免费送货)
2019/05/10 全球购物
MIXIT官网:俄罗斯最大的化妆品公司之一
2020/01/25 全球购物
C有"按引用传递"吗
2016/09/06 面试题
实习自荐信
2013/10/13 职场文书
路政管理专业个人自荐信范文
2013/11/30 职场文书
秘书行业自我鉴定范文
2013/12/30 职场文书
学生干部的自我评价分享
2014/01/18 职场文书
房地产销售经理岗位职责
2015/02/02 职场文书
何玥事迹观后感
2015/06/16 职场文书
队名及霸气口号大全
2015/12/25 职场文书
为什么中国式养孩子很累?
2019/08/07 职场文书
Python使用psutil库对系统数据进行采集监控的方法
2021/08/23 Python