解析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 导出数据到Excel(处理table中的元素)
Dec 18 Javascript
JavaScript在IE和FF下的兼容性问题
May 19 Javascript
JQuery实现可直接编辑的表格
Apr 16 Javascript
JS中的数组方法笔记整理
Jul 26 Javascript
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
基于滚动条位置判断的简单实例
Dec 14 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 Javascript
浅谈webpack+react多页面开发终极架构
Nov 11 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 Javascript
jQuery实现开关灯效果
Aug 02 jQuery
vue切换菜单取消未完成接口请求的案例
Nov 13 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 MVC模式在网站架构中的实现分析
2010/03/04 PHP
使用YUI+Ant 实现JS CSS压缩
2014/09/02 PHP
javascript eval和JSON之间的联系
2009/12/31 Javascript
firefox firebug中文入门教程 脚本之家新年特别版
2010/01/02 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
2010/06/19 Javascript
基于jQuery实现点击同时更改两个iframe的网址
2010/07/01 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
关于锚点跳转及jQuery下相关操作与插件
2012/10/01 Javascript
jQuery统计指定子元素数量的方法
2015/03/17 Javascript
JavaScript开发者必备的10个Sublime Text插件
2016/02/27 Javascript
用JS实现图片轮播效果代码(一)
2016/06/26 Javascript
React创建组件的三种方式及其区别
2017/01/12 Javascript
限时抢购-倒计时的完整实例(分享)
2017/09/17 Javascript
Node.js使用Koa搭建 基础项目
2018/01/08 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
在vue项目中,使用axios跨域处理
2018/03/07 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
2018/08/20 Javascript
Js代码中的span拼接问题解决
2019/11/22 Javascript
JavaScript中的this原理及6种常见使用场景详解
2020/02/14 Javascript
JavaScript接口实现方法实例分析
2020/05/16 Javascript
vue element和nuxt的使用技巧分享
2021/01/14 Vue.js
在arcgis使用python脚本进行字段计算时是如何解决中文问题的
2015/10/18 Python
windows下python安装paramiko模块和pycrypto模块(简单三步)
2017/07/06 Python
K最近邻算法(KNN)---sklearn+python实现方式
2020/02/24 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
详解Python GUI编程之PyQt5入门到实战
2020/12/10 Python
StudentUniverse英国:学生航班、酒店和旅游
2019/08/25 全球购物
总经理的岗位职责
2014/02/23 职场文书
会计专业求职信
2014/08/10 职场文书
2014医学院领导班子对照检查材料思想汇报
2014/09/19 职场文书
护理培训心得体会
2016/01/22 职场文书
创业计划书之校园跑腿公司
2019/09/24 职场文书
阿里云服务器搭建Php+Apache运行环境的详细过程
2021/05/15 PHP
VUE之图片Base64编码使用ElementUI组件上传
2022/04/09 Vue.js
vue实现Toast组件轻提示
2022/04/10 Vue.js
nginx访问报403错误的几种情况详解
2022/07/23 Servers