ajax调用中ie缓存问题解决方法

本文实例分析了ajax调用中ie缓存问题解决方法。分享给大家供大家参考，具体如下：

ajax请求调用的过程中发现的问题：后台请求是一个简单的.aspx文件,而这个页面又没有考虑过缓存的影响，使用ajax调试的时候发现有时候根本不走后台代码直接返回结果了，所以估计是受到浏览器缓存的影响。网上搜了一下，果然是缓存的问题：“IE中如果XMLHttpRequest提交的URL与历史一样则使用缓存，根本不向服务器端提交。因此无法取到刚提交的数据或新的数据”。

解决方法大致有下面几种：

1、只改进服务器端

（1）后台是简单的.aspx文件，直接加上

代码如下:

<%@ OutPutCache Location="None"%>

即可。

（2）但是如果后台是.ashx文件通常在类里直接修改缓存设置。

代码如下:

context.Response.Cache.SetCacheability(HttpCacheability.NoCache);

2、只改进客户端

（1）利用加随机数或加时间戳改变请求地址

a、加随机数:

代码如下:

var url='AjaxOperations.aspx?rdm='+Math.random()+'&action='+op;

b、加时间戳:

代码如下:

var url='AjaxOperations.aspx?dtStamp='+new Date().getTime()+'&action='+op;

这一种解决方案，只需要加个时间或随机数作为参数，服务器端不需要任何改动就可以达到目的。

（2）前台异步调用设置XMLHttpRequest对象的属性

在XMLHttpRequest发送请求之前加上

代码如下:

XMLHttpRequest.setRequestHeader("If-Modified-Since","0")

个人认为这个才是“正道”。因为你不能明确哪些ajax请求是需要还是不需要缓存的(解决网站的性能瓶颈，利用有缓存的ajax居多)，所以每次在发送请求的时候确认一下是否要缓存，相对于2中的第（1）条显然少写了一个url参数，而且服务器端（改进方法1）也不需要改变设置，但是对于已经封装好的ajax库，你可能已经不能在外面直接使用XMLHttpRequest对象了，通常的设置语法可能是将("If-Modified-Since","0")作为参数传递：ajaxObj.sendPost(其他参数列表,...."If-Modified-Since","0"); （post方式）

或者 ajaxObj.sendGet(其他参数列表,...."If-Modified-Since","0"); （get方式）

希望本文所述对大家ajax程序设计有所帮助。

赞 (0)

相关推荐

  • iframe式ajax调用示例

    iframe式ajax调用示例

    1.新建 a.html 复制代码 代码如下: <!doctype html> <html> <head> <meta charset='utf-8'> <title>iframe式ajax调用</title> </head> <body> <form action='b.php' method='post' name='' id='' target='formTarget'> <input t

  • jQuery ajax调用WCF服务实例

    jQuery ajax调用WCF服务实例

    恩,在由瘦客户端转换成胖浏览器端的"潮流"下,必然要使用JavaScript调用后台的各种服务. 屌丝所维护的产品通信都是使用的WCF服务,因此必然要学习这样的内容.借用jQuery强大的库,使用JavaScript访问WCF服务非常简便.同事研究了一个breeze库,那么屌丝就来试验一下ajax.这里把实现简单地记录以便马克一下,以后忘了就看这篇日志来作弊. 一.更改WCF服务的配置 默认情况下,WCF服务是不允许使用HTTP请求来访问的.我们需要将WCF服务的配置文件(注意如果有其

  • jquery.Ajax()方法调用Asp.Net后台的方法解析

    利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.先来个简单的实例热热身吧. 1.无参数的方法调用asp.net code: 复制代码 代码如下: using System.Web.Script.Services; [WebMethod]   public static string SayHello()   {        return "Hello Ajax!";   }  using System.Web.Script.Services; [WebMe

  • ajax的定时调用每5秒调用一次

    复制代码 代码如下: function initXMLRequest(){ if (window.ActiveXObject) { xmlRequest = new ActiveXObject("Microsoft.XMLHTTP"); } else { if (window.XMLHttpRequest) { xmlRequest = new XMLHttpRequest(); } } } function sendHTTPRequest(){ initXMLRequest(); v

  • jquery中的ajax方法怎样通过JSONP进行远程调用

    关于JSONP的概念和为什么要使用JSONP网上已经有很多教程,这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用 首先介绍下$.ajax的参数 type:请求方式 GET/POST url:请求地址 async:布尔类型,默认为true 表示请求是否为异步,如果为false表示为同步. dataType:返回的数据类型 jsonp:传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:自定义的js

  • jQuery Ajax调用WCF服务详细教程

    jQuery Ajax调用WCF服务详细教程

    这两天在写基于WCF服务的后台框架,过程中遇到了一些挫折,经过努力全部解决了,在此分享给大家,使用的工具是Visual Studio 2013. 该后台需要支持通过json来传递和接收数据. 首先,说说搭建过程. 第一步:创建WCF服务应用程序项目WCF. 第二步,创建服务使用的数据类 using System; using System.ComponentModel.DataAnnotations; using System.ComponentModel.DataAnnotations.Sch

  • ajax+php控制所有后台函数调用

    总共分成3大部分来完成php的ajax调用逻辑,以下是大致的结构 第一部分:ajax请求:主要是action这个参数,LoginController是php的类名,login是LoginController这个类中的函数名 $('#submit').on('click', function (e) { e.stopPropagation(); $.ajax({ url: "../../controllers/Controller.php", data: { action: "

  • ajax调用简单实例

    本文实例讲述了ajax调用的方法.分享给大家供大家参考,具体如下: 把url返回的数据,填充到指定id的div中 客户端: test.html <script> function createXMLHttp() { var ret = null; try { ret = new ActiveXObject('Msxml2.XMLHTTP'); } catch (e) { try { ret = new ActiveXObject('Microsoft.XMLHTTP'); } catch (e

  • 使用ajax技术无刷新动态调用新浪股票实时数据

    新浪的财金频道一直感觉做得很好.但由于最近网速慢的缘故,查看股票信息时网页老是打不开.这几天一直在研究ajax,于是用jquery自己做了一个自动读取新浪股票实时数据的页面. <html> <head> <title>ajax test</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <scri

  • jQuery调用ajax请求的常见方法汇总

    本文实例汇总了jQuery调用ajax请求的常见方法.分享给大家供大家参考.具体如下: 示例代码1 $.ajax('/ROUTE', { type: 'GET' data: {param1: 'Hello', param2: 'World'}, dataType: 'json', contentType: 'application/json', timeout: 3000, success: function(response) { // console.log(response.somethi

  • JavaScript调用ajax获取文本文件内容实现代码

    JavaScript调用ajax获取文本文件内容实现代码

    这几年JQuery写多了,传统的的javascript已经很久不写了,不少东西都忘掉了,还有多少人记得javascript中实现ajax操作需要借助XMLHttpRequest对象,其实jquery的ajax本质也是这个,好了,今天就花点时间演示一下如何用传统javascript获取文本内容并展示在页面上,废话不多少,直接上代码,注释写的很详细,大家应该能看懂: 复制代码 代码如下: <script type="text/javascript"> //(A)①获取文本文件方

  • iframe式ajax调用示例代码

    iframe式ajax调用示例代码

    1.新建 a.html 复制代码 代码如下: <!doctype html> <html> <head> <meta charset='utf-8'> <title>iframe式ajax调用</title> </head> <body> <form action='b.php' method='post' name='' id='' target='formTarget'> <input t

随机推荐