前端的ajax缓存,解析jquery中的ajax缓存问题

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);//缓存记录，来做标记

前端的ajax缓存,解析jquery中的ajax缓存问题相关推荐

ajax远程调用,jquery中的ajax方法怎样通过JSONP进行远程调用
关于JSONP的概念和为什么要使用JSONP网上已经有很多教程,这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用首先介绍下$.ajax的参数 type:请求方式 GET/ ...
jquery的ajax查询数据库,jquery中使用ajax获取远程页面信息
效果图如下: 先贴前台代码:其中关键代码是通过span标记的data(自定义属性)绑定Id DataKeyNames="Id" onrowdeleting="GvCol ...
jquery ajax实例 php,jquery中各个ajax实例操作
jquery_ajax.html $(document).ready(function(){ //jquery.ajax() $("#button1").click(functio ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
Jquery中使用ajax请求SSM后台时提示：org.springframework.http.converter.HttpMessageNotReadableException: Could no
场景 Jquery中使用ajax向SSM后台请求数据时提示: org.springframework.http.converter.HttpMessageNotReadableException: C ...
jQuery系列（十四）：jQuery中的ajax
1.什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在 ...
六、jQuery 中的 AJAX 跨域问题
第 2 章:jQuery 中的 AJAX 官方中文文档:https://jquery.cuishifeng.cn/jQuery.Ajax.html 2.1 get 请求 $.get(url, [dat ...
jQuery框架学习第六天：jQuery中的Ajax应用
一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章讲解如何使用jQuery方便快捷的实现A ...
Ajax 01客户端和服务器 | jQuery中的ajax | 服务端接口
Ajax -网络编程客户端和服务器的基本概念上网的目的获取和消费(使用)资源客户端和服务器(服务端) 客户端: 使用服务的计算机如果一台计算机希望成为客户端,必须安装浏览器服务端: 提供服 ...
Java程序员从笨鸟到菜鸟之（八十九）跟我学jquery（五）jquery中的ajax详解
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. 虽然Ajax技术并不复杂, 但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数 ...

前端的ajax缓存,解析jquery中的ajax缓存问题

前端的ajax缓存,解析jquery中的ajax缓存问题相关推荐

最新文章

热门文章