解决IE浏览器ajax get请求只执行一次的问题

冷不防 2022-05-20 04:56 137阅读 0赞

解决IE浏览器ajax get请求只执行一次的问题

一、问题描述

1、 使用 ajax get方法请求数据时，直接修改了数据库数据，发现取出的数据没变化，经常反复测试确认发现，该问题只在 IE 浏览器下会发生。 ---- 没错，又是 IE。

![70][]

二、相关代码参考

$.ajax({
    		 url:'/echarts/jsonData',
    		 type:'get',
    		 dataType:'json',
    		 success:function(data){
    			dosomething ... 
    		 }
    	  });

三、问题确定

1、原来是 get 请求在IE浏览器中会被缓存，从第二次请求开始，一直都是请求缓存。

2、参考资料： [ GET 对比 POST ][GET _ POST]

四、问题解决

1、变更请求方式为post，即： type='post'

2、禁用ajax缓存： cache=false 。（默认 true，开启缓存）

$.ajax({
    		 url:'/echarts/jsonData',
    		 type:'get',
    		 dataType:'json',
    		 cache:false,
    		 success:function(data){
    			dosomething ... 
    		 }
    	  });

3、请求url后面增加时间戳

var _v=new Date().getTime();
    $.ajax({
    	url:'/echarts/jsonData?v='+_v,
    	type:'get',
    	dataType:'json',
    	success:function(data){
    		dosomething ... 
    	}
     });

参考资料： [ jQuery的$.getJSON方法在IE浏览器下失效的解决方案][jQuery_.getJSON_IE]

[70]: /images/20220520/0aba47a3c153490696326543f7de8484.png
[GET _ POST]: http://www.w3school.com.cn/tags/html_ref_httpmethods.asp
[jQuery_.getJSON_IE]: https://www.cnblogs.com/Steven-shi/p/5272390.html

发表评论取消回复

表情：

评论列表（有 0 条评论，137人围观）

还没有评论，来说两句吧...

相关阅读

相关 componentDidMount只执行一次的解决方法

一、前言最近写react antd前端项目，需要页面加载时调用下查询列表的接口。于是在`componentDidMount`方法里这样写了： compon

偏执的太偏执、/ 2024年02月20日 09:20/ 0 赞/ 12 阅读

相关 IE9浏览器ajax请求error的解决办法

问题描述：网站在chrome、ie10+等浏览器均访问正常，但在ie9中所有跨域的ajax请求都失败，请求直接进入error。解决办法：设置IE9浏览器安全

怼烎@/ 2022年12月13日 01:58/ 0 赞/ 188 阅读

相关 ie 浏览器 get请求数据不更新

http.interceptors.request.use(function (config) \{ // 解决ie数据获取不同步的问题 if (config.me

- 日理万妓/ 2022年11月29日 05:56/ 0 赞/ 132 阅读

相关（2）asp.net-Ajax-get请求以及IE浏览器兼容性的处理

我们可以打开这个网址[https://www.w3school.com.cn/ajax/index.asp][https_www.w3school.com.cn_ajax_in

冷不防/ 2022年11月25日 04:05/ 0 赞/ 92 阅读

相关 IE浏览器JS弹窗只显示一次，不能显示第二次的问题

IE用get请求会默认调用缓存的数据，所以后台请求方式要用post。（SBIE） https://www.cnblogs.com/lsy-blogs/articles

r囧r小猫/ 2022年10月20日 12:15/ 0 赞/ 150 阅读

相关 ajax浏览器操作发生异常,解决IE浏览器缓存导致AJAX请求数据异常

IE10浏览器会把AJAX请求的数据都缓存下来，然后每次想去刷新数据时发现数据都是一样的，于是导致数据显示异常。解决方法：在页面标签里，加上以下声明：保存后，刷

叁歲伎倆/ 2022年09月03日 06:30/ 0 赞/ 174 阅读

相关 android tabhost 只执行一次问题

使用tabhost做底部菜单时，发现多次切换tabhost 所调用的activity只执行一次。其实可以通过： tabHost.ad

水深无声/ 2022年08月11日 00:56/ 0 赞/ 144 阅读

相关 setInterval（）定时器只执行一次的解决

源代码（错误的）： <body> <span id="time"></span> <script> function s(){

偏执的太偏执、/ 2022年06月08日 02:09/ 0 赞/ 275 阅读

相关解决IE浏览器ajax get请求只执行一次的问题

解决IE浏览器ajax get请求只执行一次的问题一、问题描述 1、使用 ajax get方法请求数据时，直接修改了数据库数据，发现取出的数据没变化，经常反复

冷不防/ 2022年05月20日 04:56/ 0 赞/ 138 阅读

相关 Ajax在IE上做轮询时setInterval方法只执行一次

因为视频播放要写一个异步验证是否有异地登录，所以用了setInterval()方法来周期调用后台的isLogin接口。有趣的是谷歌会周期调用接口，而IE只会调用一次。 IE浏

àì夳堔傛蜴生んèń/ 2022年05月19日 08:38/ 0 赞/ 146 阅读