解析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 相关文章推荐
JS打开新窗口的2种方式
Apr 18 Javascript
JavaScript移除数组元素减少长度的方法
Sep 05 Javascript
vue.js树形组件之删除双击增加分支实例代码
Feb 28 Javascript
完美实现js拖拽效果 return false用法详解
Jul 28 Javascript
angular2模块和共享模块详解
Apr 08 Javascript
js闭包学习心得总结
Apr 17 Javascript
如何使用vuex实现兄弟组件通信
Nov 02 Javascript
通过jQuery学习js类型判断的技巧
May 27 jQuery
学习LayUI时自研的表单参数校验框架案例分析
Jul 29 Javascript
js实现计时器秒表功能
Dec 16 Javascript
解决vue安装less报错Failed to compile with 1 errors的问题
Oct 22 Javascript
vue如何使用模拟的json数据查看效果
Mar 31 Vue.js
快速解决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
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
Yii2如何批量添加数据
2016/05/17 PHP
php测试kafka项目示例
2020/02/06 PHP
jQuery1.4.2与老版本json格式兼容的解决方法
2011/02/12 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
alert和confirm功能介绍
2014/05/21 Javascript
Html5的placeholder属性(IE兼容)实现代码
2014/08/30 Javascript
浅谈Javascript变量作用域问题
2014/12/16 Javascript
利用python分析access日志的方法
2016/10/26 Javascript
canvas实现图像放大镜
2017/02/06 Javascript
关于javascript获取内联样式与嵌入式样式的实例
2017/06/01 Javascript
详解vue渲染从后台获取的json数据
2017/07/06 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
2017/08/17 jQuery
修改UA在PC中访问只能在微信中打开的链接方法
2017/11/27 Javascript
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
基于JS判断对象是否是数组
2020/01/10 Javascript
JS document文档的简单操作完整示例
2020/01/13 Javascript
在vue中获取wangeditor的html和text的操作
2020/10/23 Javascript
Python最基本的输入输出详解
2015/04/25 Python
Python批量转换文件编码格式
2015/05/17 Python
django js实现部分页面刷新的示例代码
2018/05/28 Python
Django 查询数据库并返回页面的例子
2019/08/12 Python
Python爬虫:url中带字典列表参数的编码转换方法
2019/08/21 Python
利用Pytorch实现简单的线性回归算法
2020/01/15 Python
行政总监岗位职责
2013/12/05 职场文书
公司道歉信范文
2014/01/09 职场文书
打造完美自荐信
2014/01/24 职场文书
九年级政治教学反思
2014/02/06 职场文书
退休教师欢送会主持词
2014/03/31 职场文书
基层党组织建设整改方案
2014/09/16 职场文书
考试作弊检讨书
2014/10/21 职场文书
长城英文导游词
2015/01/30 职场文书
2016年第十四个公民道德宣传日活动总
2016/04/01 职场文书
Python机器学习之基础概述
2021/05/19 Python
vue.js 使用原生js实现轮播图
2022/04/26 Vue.js