您现在的位置是：网站首页> 编程资料编程资料
IE下jquery ajax无法获得最新数据的问题解决(IE缓存)_AJAX相关_
2023-05-25
299人已围观
简介 IE下jquery ajax无法获得最新数据的问题解决(IE缓存)_AJAX相关_
今天修改一个bug，利用ajax查询数据，在谷歌浏览器下可以获取到最新数据，而在IE中获得是旧数据，无法获得最新的数据，经查资料，才发现时IE缓存再作怪。
发现此ajax请求用的get方式，每次请求的URL一模一样，IE浏览器有个特殊的地方，如果每次请求的URL一样时，就会拿出缓存中已有的数据显示在页面上，并不会再次去查询数据库，所以每次显示的都是旧数据。
解决办法：
那就有思路了，我们可以让它每次请求的URL不一样，可以加一个参数，而且这个参数的值每次都不一样，时间戳最好不过了。
url: '{0}/portal/articleManager/getContents?id={1}&date={2}'.format(window.baseUrl, $("#id").val(), new Date())
其中id是有用的参数，而date参数我们不做处理就好了。
查资料得知，用post方式请求可以避免在这个问题，POST被认为是一个变动性访问（浏览器认为POST的提交，必定是有改变的）。
还有一个更简便的方法，设置：
cache:false,
前提就是此请求的cache还不存在。
发现此ajax请求用的get方式，每次请求的URL一模一样，IE浏览器有个特殊的地方，如果每次请求的URL一样时，就会拿出缓存中已有的数据显示在页面上，并不会再次去查询数据库，所以每次显示的都是旧数据。
解决办法：
那就有思路了，我们可以让它每次请求的URL不一样，可以加一个参数，而且这个参数的值每次都不一样，时间戳最好不过了。
复制代码 代码如下:
url: '{0}/portal/articleManager/getContents?id={1}&date={2}'.format(window.baseUrl, $("#id").val(), new Date())
其中id是有用的参数，而date参数我们不做处理就好了。
查资料得知，用post方式请求可以避免在这个问题，POST被认为是一个变动性访问（浏览器认为POST的提交，必定是有改变的）。
还有一个更简便的方法，设置：
复制代码 代码如下:
cache:false,
前提就是此请求的cache还不存在。
您可能感兴趣的文章:
相关内容
- Ajax长连接项目案例_AJAX相关_
- Ajax叠加(Ajax返回数据用Ajax发出)示例代码_AJAX相关_
- Ajax方式删除表格一行数据示例代码_AJAX相关_
- Ajax工作原理深入理解_AJAX相关_
- ajax交互Struts2的action(客户端/服务器端)_AJAX相关_
- Ajax 给 XMLHttpReq.onreadystatechange传递参数_AJAX相关_
- $.ajax传JSON数据到后台的注意事项小结_AJAX相关_
- ajax提交整个from表单示例代码_AJAX相关_
- 用ajax实现读博客rss示例代码_AJAX相关_
- ajax加载页面服务器返回 304 not modified_AJAX相关_
