`

你清楚jquery是如何清除ajax缓存的吗?(转)

阅读更多

大家都知道万恶的IE在ajax中往往只读取第一次ajax请求时候的数据,其余时候都是从cache提取数据,(太懒了T_T)。原生的JS清除ajax缓存的方法多,但是终觉有点繁琐,如果是用jquery的同学,就设置一个参数就OK了,那就是cache: false,比如:

1
2
3
4
5
6
7
8
9
10
11
$.ajax({
	url: "mms-draft!getMmsDraftList",
	cache: false,
	dataType : "json",
	data:{
		 //some parameters
	},
	success: function(data) {
		//do something
	}
});

另外附上原生js方法:
  1、在服务端加 header(“Cache-Control: no-cache, must-revalidate”);(如php中)
  2、在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“If-Modified-Since”,”0″);
  3、在ajax发送请求前加上 anyAjaxObj.setRequestHeader(“Cache-Control”,”no-cache”);
  4、在 Ajax 的 URL 参数后加上 “?fresh=” + Math.random(); //当然这里参数 fresh 可以任意取了
  5、第五种方法和第四种类似,在 URL 参数后加上 “?timestamp=” + new Date().getTime();
  6、用POST替代GET:不推荐

分享到:
评论

相关推荐

    清除Jquery缓存

    在探讨“清除Jquery缓存”的话题之前,我们先来了解一下jQuery是什么以及为什么需要清除缓存。 ### jQuery简介 jQuery是一款流行的JavaScript库,它极大地简化了HTML文档的遍历、事件处理、动画以及Ajax交互等操作...

    清除AJAX的缓存,清除AJAX的缓存

    #### 三、清除Ajax缓存的方法 针对上述问题,开发者可以通过以下几种方式来清除Ajax请求的缓存: ##### 1. 修改请求URL 一种简单有效的方法是在Ajax请求的URL后面添加一个随机数作为参数,这样每次请求的URL都是...

    AJAXCache是一款jQuery缓存插件可以为ajax方法扩展缓存功能

    AJAXCache是一款针对jQuery库设计的插件,其主要功能是为$.ajax()方法提供缓存支持。在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于实现页面的部分更新,提高用户体验,而缓存机制则进一步...

    jqueryajax jquery ajax

    **jQuery AJAX** 是一个在Web开发中广泛使用的JavaScript库,由John Resig于2006年创建。jQuery简化了JavaScript中的异步HTTP(Ajax)请求,使得开发者能够轻松地与服务器进行数据交互,实现页面的局部刷新,提高...

    jquery,jquery是Ajax的一个框架

    **jQuery:Ajax 的强大工具** jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了前端开发中的许多任务...通过学习和熟练掌握 jQuery 与 AJAX 的结合使用,你可以创建出更加交互性强、用户体验优秀的 web 应用。

    jqueryTreeTable+ajax(构建树形表格)

    本教程将详细讲解如何利用jQuery TreeTable插件结合AJAX和MySQL数据库,以及Spring、SpringMVC(SSM)架构来创建一个动态的树形表格。 **一、jQuery TreeTable介绍** jQuery TreeTable是一款轻量级的JavaScript...

    Jquery Ajax分页(有实例)

    **jQuery AJAX分页技术详解** 在Web开发中,分页是一种常见的数据展示方式,它能够有效地组织大量数据,提高页面加载速度,优化用户体验。jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和...

    解析jquery中的ajax缓存问题

    但是问题来了,在FF里面,是没有ajax缓存的,也就是每次都会触发ajax请求,这点和IE不一样。所以在这里就得注意,做个判断,阻止触发ajax事件。 代码如下:function ajax_show(apartId,roomClass,sortTile){ HX_THIS...

    jQuery+ajax实现三级级联

    在IT行业中,jQuery和ajax是两个非常重要的技术,它们在构建动态、交互性强的Web应用程序时发挥着关键作用。在这个“jQuery+ajax实现三级级联”的实例中,我们主要探讨如何利用这两种技术来创建一个能够逐级联动的...

    jquery与ajax调用,有代码 , 有说明,使ajax调用简单

    在"JQuery实战2:功能表单 - JQuery - AJAX - JavaEye论坛.files"这个压缩包中,可能包含了相关的代码示例和论坛讨论,你可以下载并参考这些资料,以便更好地理解和应用jQuery与Ajax的结合使用。 总结来说,jQuery...

    jquery+ajax分页

    **jQuery + AJAX 分页技术详解** 在Web开发中,数据分页是一种常见的用户界面策略,用于处理大量数据的展示,避免一次性加载所有内容导致页面加载过慢或内存消耗过大。jQuery是一个轻量级的JavaScript库,它简化了...

    jquery-ajax最简单的实力

    **jQuery AJAX 实力展示:轻松实现二级联动** 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于创建动态和交互性强的网页。jQuery库为开发者提供了方便、简洁的API,使得使用AJAX变得更加简单...

    jquery 的ajax用法

    **jQuery的Ajax用法详解** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交互,极大地提升了用户体验。jQuery库简化了JavaScript中的Ajax操作,使得...

    ajax的jquery代码

    9. `cache`: 控制是否缓存Ajax请求,对于某些API调用可能需要禁用缓存。 10. `beforeSend`和`complete`: 分别在请求发送前和完成后执行的回调函数,可用于预处理或后处理。 11. `success`、`error`和`statusCode`:...

    JQUERY插件--ajax搜索

    **jQuery 插件:Ajax 搜索技术详解** 在现代网页开发中,实时、无刷新的用户体验已经成为提升网站质量的关键因素之一。jQuery 插件利用 Ajax(异步 JavaScript 和 XML)技术,可以实现在用户输入时动态搜索并显示...

    用jquery开发的ajax各种实例包括(级联菜单,谷歌式搜索提示,可编辑表格页面无刷新切换等)

    在本文中,我们将深入探讨如何使用jQuery库进行AJAX(异步JavaScript和XML)开发,通过实际案例来学习包括级联菜单、谷歌式搜索提示和可编辑表格在内的常见功能。这些功能都允许用户在不刷新整个页面的情况下与网页...

    jquery和ajax的集成例子

    在Web开发领域,jQuery与AJAX的集成是创建动态、响应式用户界面的关键技术。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画效果以及与服务器的数据交互。而AJAX(Asynchronous JavaScript and ...

    传智播客 jQuery ajax 课件

    - **缓存**: 对于不经常变化的数据,可以开启AJAX缓存以提高性能。 - **异步与同步**: 默认情况下,AJAX请求是异步的,但也可设置为同步。不过,同步请求会阻塞浏览器,通常不推荐。 - **跨域请求**: 如果需要...

    jquery ajax 与后台验证

    在网页开发中,jQuery AJAX 是一种非常重要的技术,它允许前端和后端进行异步通信,无需刷新整个页面。无刷验证(又称实时验证或AJAX验证)是这种技术的一个典型应用,它提高了用户体验,因为在用户输入数据时,可以...

Global site tag (gtag.js) - Google Analytics