我的前台使用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);
}
});
分享到:
相关推荐
jQuery还提供了`$.ajaxSetup()`来设置全局Ajax选项,以及`$.ajaxComplete()`、`$.ajaxError()`等方法来处理Ajax请求的生命周期事件。 **CSS API** jQuery也提供了一些方法来操作CSS样式,如`addClass()`、`...
Ajax的核心是JavaScript中的XMLHttpRequest对象,该对象在不同的浏览器中都有实现,使得JavaScript可以发起异步请求并与服务器交换数据。 **1. 同步与异步交互的区别** 同步交互意味着发送请求后,浏览器会等待...
3. **实时搜索**:在输入框中输入关键词时,可以使用jQuery发起Ajax请求,从服务器获取相关的搜索建议并显示在下拉菜单中。 ```javascript $("#searchInput").keyup(function() { var query = $(this).val(); ...
虽然原生JavaScript提供了强大的功能来实现Ajax通信,但在实际开发中,开发者往往更倾向于使用像jQuery这样的库来简化Ajax请求的操作。jQuery提供了一系列简洁的API来处理Ajax请求,极大地降低了复杂性并提高了开发...
- **缓存问题**:使用IE浏览器并通过GET方式提交数据时,浏览器可能会缓存请求,导致重复请求时显示旧数据。 - **解决办法**: - 使用POST方式提交数据。 - 在请求地址后面加上一个随机数,防止缓存。 - 设置...
在给定的压缩包“ASP源码—AJAX类,调用方式类似jQuery.zip”中,我们可以推测它包含了一个ASP源代码实现,该实现可能是一个自定义的AJAX库,设计风格和使用方式与广泛流行的jQuery库相似。 AJAX(Asynchronous ...
Ajax的概念最早出现在1998年,最初的应用是Outlook Web Access,这是微软为Exchange Server开发的一个应用,利用了XMLHttpRequest对象进行异步数据请求。然而,直到2005年,随着Google Maps和Gmail等应用的推出,...
ASP.NET、jQuery 和 AJAX 结合使用可以创建动态、无刷新的网页应用,使得用户在上传文件时无需等待页面重新加载,提升用户体验。本教程通过一个名为 "jquery.uploadify.js" 的插件,演示了如何在 ASP.NET 环境下实现...
1. **GET请求缓存问题**:IE浏览器可能缓存GET请求,导致数据不更新。解决方法包括: - 在URL中添加时间戳或其他唯一标识符。 - 使用POST请求替代。 2. **字符编码问题**: - 确保服务器端设置正确的编码格式,...
对于"支持IE6及IE6以上的任何浏览器"这一点,ASP.NET AJAX框架设计时考虑了广泛的浏览器兼容性,包括较旧的Internet Explorer版本。这得益于其内置的脚本库,可以处理不同浏览器之间的差异,确保在各种环境中都能...
由于题目提到此代码仅在IETester上测试过且在IE6+没有问题,需要注意的是,虽然jQuery对老版本的IE有很好的支持,但随着现代浏览器的普及,开发时也应考虑向其他浏览器(如Chrome、Firefox、Safari等)的兼容性。...
5. **监听状态变化**: 使用`onreadystatechange`事件,当`readyState`变为4(表示请求已完成)且`status`为200(表示成功)时,可获取数据并处理。 6. **处理响应**: 通过`responseText`或`responseXML`获取数据,...
Ajax简介与基本使用 Ajax简介 Ajax即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的...因此,在实际开发中,我们通常使用jQuery框架中的Ajax方法来实现Ajax请求。
在ASP.NET环境中,jQuery与AJAX的结合使用可以创建出高效、动态的用户界面,而GridView控件则是展示数据的常用工具。在这个示例中,我们看到如何通过jQuery的AJAX请求获取数据,并将结果填充到GridView中,同时提供...
2. **发起请求**: 使用Ajax调用接口的基本流程包括创建XMLHttpRequest对象(或使用Zepto提供的$.ajax方法),设置请求参数,发送请求,然后处理响应。例如,使用Zepto的Ajax方法: ```javascript $.ajax({ url: ...
3. **接收响应**:服务器处理请求并返回数据,XMLHttpRequest对象的onreadystatechange事件会在状态改变时触发,通过readyState和status属性判断请求是否成功,以及通过responseText或responseXML获取响应数据。...
`jQuery Ajax FileUpload.js` 是一个用于在网页中实现异步文件上传功能的JavaScript库,它基于jQuery,简化了文件上传的复杂性。这个库在Web开发中非常实用,尤其对于那些希望提供用户友好的、无需刷新页面的文件...
对于AJAX请求,如果URL没有发生变化,IE可能会直接使用缓存中的数据,而不会向服务器发送新的请求。因此,当你在IE下看到AJAX请求没有真正发送,可能是由于这个原因。 针对这个问题,有一个常见的解决方案就是在...
- **安全问题**:AJAX 请求受限于同源策略,无法跨域访问数据。可以通过 CORS(跨源资源共享)解决。 - **用户体验**:过度使用 AJAX 可能导致用户迷失在无刷新的环境中,需适度使用并提供清晰的反馈。 ### 7. AJAX...