IE浏览器下ajax重复提交的问题处理
来源:互联网 发布:徕卡全站仪传输软件 编辑:程序博客网 时间:2024/05/23 15:28
最近在IE浏览器下调试一个项目,这个项目里面包含onmouseover时用到 ajax的异步请求,当我们第一次加载页面鼠标移动到一个链接时可以成功的触发属性。不过在当我们把鼠标从新移动到另一个链接触发onmouseover 时就会显示出错,不是新触发的链接,IE浏览器左下的状态栏依然显示的还是第一次onmouseover触发时候连接。
遇到这个情况奇怪,以为是自己的ajax有错误,后来去查阅了一些相关的资料才知道是IE缓存在的问题,因为第一次请求过,再请求还是同样的 url,这个页面已经被IE缓存了, 所以没有再次触发其他的异步页面。从这里我们就可以看出IE浏览器下打开的网页js代码中,如果对同一个地址进行重复提交,并且参数不发生变化的情况下,ie6-ie7都会将缓存中的数据返回给客户端。虽然这样节省了从新执行页面的时间,但是在某些项目中数据需要实时更新的情况下就成为一个bug了,为了解决ie浏览器的这个怪癖,当然也保证在其它浏览器下可以正常的显示,我们可以在提交请求的时候给请求参数添加一个随机的参数,这样就保证请求的参数的不重复,ie不直接读取缓存的问题了。
具体的解决方法如下:
在url中的参数中加入随机数,使得每次请求的页面的url都不同,
这样就可以避免IE浏览器直接读取之前的缓存。
url = url + “&num=”+Math.round(Math.random()*10000);
AJAX确实非常的好用,能够为我们在做项目的时候提供更多便捷和效果,但感觉有时候为了考虑PV和用户体验上我们不得不做一些牺牲。
这里我有一个疑问就是不知道AJAX在异步请求的页面是包含在网站上面的,alexa会算上这个是网站的有效PV吗?
最后,假如大家在以后还遇到类似情况大家得需要多动脑筋了。这是我又一次在这个问题上短路。让我联想到以前的类似问题。虽然IE浏览器留给我们一些问题,但每一个问题对于我们都是一个考验。
版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
文章引用地址:http://www.iefans.net/ie-ajax-chongfu-tijiao-bug/ 作者:iefans
遇到这个情况奇怪,以为是自己的ajax有错误,后来去查阅了一些相关的资料才知道是IE缓存在的问题,因为第一次请求过,再请求还是同样的 url,这个页面已经被IE缓存了, 所以没有再次触发其他的异步页面。从这里我们就可以看出IE浏览器下打开的网页js代码中,如果对同一个地址进行重复提交,并且参数不发生变化的情况下,ie6-ie7都会将缓存中的数据返回给客户端。虽然这样节省了从新执行页面的时间,但是在某些项目中数据需要实时更新的情况下就成为一个bug了,为了解决ie浏览器的这个怪癖,当然也保证在其它浏览器下可以正常的显示,我们可以在提交请求的时候给请求参数添加一个随机的参数,这样就保证请求的参数的不重复,ie不直接读取缓存的问题了。
具体的解决方法如下:
在url中的参数中加入随机数,使得每次请求的页面的url都不同,
这样就可以避免IE浏览器直接读取之前的缓存。
url = url + “&num=”+Math.round(Math.random()*10000);
AJAX确实非常的好用,能够为我们在做项目的时候提供更多便捷和效果,但感觉有时候为了考虑PV和用户体验上我们不得不做一些牺牲。
这里我有一个疑问就是不知道AJAX在异步请求的页面是包含在网站上面的,alexa会算上这个是网站的有效PV吗?
最后,假如大家在以后还遇到类似情况大家得需要多动脑筋了。这是我又一次在这个问题上短路。让我联想到以前的类似问题。虽然IE浏览器留给我们一些问题,但每一个问题对于我们都是一个考验。
版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
文章引用地址:http://www.iefans.net/ie-ajax-chongfu-tijiao-bug/ 作者:iefans
- IE浏览器下ajax重复提交的问题处理
- IE浏览器使用Validation Engine表单重复提交问题
- IE 下Enter提交表单重复提交问题
- IE下使用form表单提交到iframe中出现的重复提交问题
- 高并发下重复提交问题的处理
- IE下Ajax提交乱码的解决办法
- IE下表单重复提交
- AJAX在post提交时,IE浏览器提交中文乱码问题
- ajax submit 重复提交问题
- $.ajax方法在IE浏览器下缓存问题
- IE浏览器下AJAX GET请求自动缓存带来的问题
- IE浏览器下,ajax访问不生效或返回“No Transport”的问题
- IE浏览器下AJAX缓存问题导致数据不更新的解决办法
- IE8 下form重复提交的问题
- 重复提交的处理
- ie浏览器下的图片旋转问题
- 解决浏览器返回时重复提交的问题 - [项目相关]
- IE下Ajax缓存问题的解决办法
- 一次 WebResource.axd 异常处理经历
- hdu3496
- iPhone UIAlertView属性及使用方法
- mybatis like %% 模糊查询防sql 注入
- linux-boot-arch_x86_kernel_head_32.S
- IE浏览器下ajax重复提交的问题处理
- C# 在一个字符串中,找出出现次数最多的字母,并计算次数?
- Fedora install tomcat6
- javascript学习-2
- MSSQL数据库孤立用户解决过程一则
- HDU GCC(HDU 3123)解题报告
- 今天我进来了CSDN论坛了,开始了我的IT生活
- Asterisk behind NAT
- linux shell中kill 和kill all 分析