`
墨香子
  • 浏览: 47199 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery使用ajax向后台请求数据时,使用IE访问出现问题

阅读更多
我的前台使用jquery的ajax向后台请求数据,当我更新或删除一条数据时,后台再将更新后的数据返回给前台显示,使用chrome浏览器进行访问时没有任何问题,但使用IE时就出现了问题,返回给前台的数据根本没有更新。通过好长时间的搜索才知道这是由于IE缓存的问题,ie是根据请求的url是不是一样来是否发送请求,对于同一请求,ie只发送一次http请求,所以同一请求发送多次,但ie实际是不会发送的。
解决该问题一个简单办法是不缓存ajax请求,
方法一:在jquery中设置:
		$.ajaxSetup ({
			cache: false //close AJAX cache
		});


方法二:在发送ajax请求时设置cache为false:
			$.ajax({
				type:"POST",
				url:"recycleEmails.action",
				data: {ids:selectedItems},
				dataType: "json",
				cache:false,
				success: function (result) {
					$(".content-box-content").html(result);
				}
			});


方法三:在请求的url或数据里添加时间戳,如下:
			$.ajax({
				type:"POST",
				url:"recycleEmails.action?timestamp=" + new Date().getTime(),
				data: {ids:selectedItems},
				dataType: "json",
				success: function (result) {
					$(".content-box-content").html(result);
				}
			});


或者:
			$.ajax({
				type:"POST",
				url:"recycleEmails.action",
				data: {ids:selectedItems,timestamp:new Date().getTime()},
				dataType: "json",
				success: function (result) {
					$(".content-box-content").html(result);
				}
			});
分享到:
评论

相关推荐

    Ajax和Jquery

    jQuery还提供了`$.ajaxSetup()`来设置全局Ajax选项,以及`$.ajaxComplete()`、`$.ajaxError()`等方法来处理Ajax请求的生命周期事件。 **CSS API** jQuery也提供了一些方法来操作CSS样式,如`addClass()`、`...

    ajax+jquery

    Ajax的核心是JavaScript中的XMLHttpRequest对象,该对象在不同的浏览器中都有实现,使得JavaScript可以发起异步请求并与服务器交换数据。 **1. 同步与异步交互的区别** 同步交互意味着发送请求后,浏览器会等待...

    Jquery全解析,ajax框架

    3. **实时搜索**:在输入框中输入关键词时,可以使用jQuery发起Ajax请求,从服务器获取相关的搜索建议并显示在下拉菜单中。 ```javascript $("#searchInput").keyup(function() { var query = $(this).val(); ...

    从Ajax到JQuery Ajax学习

    虽然原生JavaScript提供了强大的功能来实现Ajax通信,但在实际开发中,开发者往往更倾向于使用像jQuery这样的库来简化Ajax请求的操作。jQuery提供了一系列简洁的API来处理Ajax请求,极大地降低了复杂性并提高了开发...

    Ajax和jQuery学习笔记

    - **缓存问题**:使用IE浏览器并通过GET方式提交数据时,浏览器可能会缓存请求,导致重复请求时显示旧数据。 - **解决办法**: - 使用POST方式提交数据。 - 在请求地址后面加上一个随机数,防止缓存。 - 设置...

    ASP源码—AJAX类,调用方式类似jQuery.zip

    在给定的压缩包“ASP源码—AJAX类,调用方式类似jQuery.zip”中,我们可以推测它包含了一个ASP源代码实现,该实现可能是一个自定义的AJAX库,设计风格和使用方式与广泛流行的jQuery库相似。 AJAX(Asynchronous ...

    jquery+ajax

    Ajax的概念最早出现在1998年,最初的应用是Outlook Web Access,这是微软为Exchange Server开发的一个应用,利用了XMLHttpRequest对象进行异步数据请求。然而,直到2005年,随着Google Maps和Gmail等应用的推出,...

    ASP.NET jquery ajax无刷新上传文件demo

    ASP.NET、jQuery 和 AJAX 结合使用可以创建动态、无刷新的网页应用,使得用户在上传文件时无需等待页面重新加载,提升用户体验。本教程通过一个名为 "jquery.uploadify.js" 的插件,演示了如何在 ASP.NET 环境下实现...

    Ajax,JQuery达内培训笔记

    1. **GET请求缓存问题**:IE浏览器可能缓存GET请求,导致数据不更新。解决方法包括: - 在URL中添加时间戳或其他唯一标识符。 - 使用POST请求替代。 2. **字符编码问题**: - 确保服务器端设置正确的编码格式,...

    asp.net ajax异步获取数据...前台直接调用后台方法版..

    对于"支持IE6及IE6以上的任何浏览器"这一点,ASP.NET AJAX框架设计时考虑了广泛的浏览器兼容性,包括较旧的Internet Explorer版本。这得益于其内置的脚本库,可以处理不同浏览器之间的差异,确保在各种环境中都能...

    ajax实现简单搜索功能(jQuery+aspx)

    由于题目提到此代码仅在IETester上测试过且在IE6+没有问题,需要注意的是,虽然jQuery对老版本的IE有很好的支持,但随着现代浏览器的普及,开发时也应考虑向其他浏览器(如Chrome、Firefox、Safari等)的兼容性。...

    AJAX-技术入门介绍.zip_ajax_异步请求

    5. **监听状态变化**: 使用`onreadystatechange`事件,当`readyState`变为4(表示请求已完成)且`status`为200(表示成功)时,可获取数据并处理。 6. **处理响应**: 通过`responseText`或`responseXML`获取数据,...

    Ajax简介与基本使用

    Ajax简介与基本使用 Ajax简介 Ajax即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的...因此,在实际开发中,我们通常使用jQuery框架中的Ajax方法来实现Ajax请求。

    Jquery+ajax请求data显示在GridView上(asp.net)

    在ASP.NET环境中,jQuery与AJAX的结合使用可以创建出高效、动态的用户界面,而GridView控件则是展示数据的常用工具。在这个示例中,我们看到如何通过jQuery的AJAX请求获取数据,并将结果填充到GridView中,同时提供...

    ajax数据获取及渲染

    2. **发起请求**: 使用Ajax调用接口的基本流程包括创建XMLHttpRequest对象(或使用Zepto提供的$.ajax方法),设置请求参数,发送请求,然后处理响应。例如,使用Zepto的Ajax方法: ```javascript $.ajax({ url: ...

    Ajax_JQuery笔记.rar

    3. **接收响应**:服务器处理请求并返回数据,XMLHttpRequest对象的onreadystatechange事件会在状态改变时触发,通过readyState和status属性判断请求是否成功,以及通过responseText或responseXML获取响应数据。...

    jquery ajax fileupload.js 下载

    `jQuery Ajax FileUpload.js` 是一个用于在网页中实现异步文件上传功能的JavaScript库,它基于jQuery,简化了文件上传的复杂性。这个库在Web开发中非常实用,尤其对于那些希望提供用户友好的、无需刷新页面的文件...

    IE兼容性问题的快速解决方法_ajax请求不发送到后台

    对于AJAX请求,如果URL没有发生变化,IE可能会直接使用缓存中的数据,而不会向服务器发送新的请求。因此,当你在IE下看到AJAX请求没有真正发送,可能是由于这个原因。 针对这个问题,有一个常见的解决方案就是在...

    AJAX 参考手册 ajax 教程

    - **安全问题**:AJAX 请求受限于同源策略,无法跨域访问数据。可以通过 CORS(跨源资源共享)解决。 - **用户体验**:过度使用 AJAX 可能导致用户迷失在无刷新的环境中,需适度使用并提供清晰的反馈。 ### 7. AJAX...

Global site tag (gtag.js) - Google Analytics