EasyUI中datagrid在ie下reload失败解决方案


Posted in Javascript onMarch 09, 2015

问题

最近使用EasyUI开发后台系统,测试时发现个奇葩的问题,$('dg').datagrid('reload'); 重新加载表格数据时,ie下一点反应都没有。后来发现其实并不是没有反应,而是浏览器使用了缓存。

解决方案

网上网友总结出来的解决方案有以下几种:

1.在url后加时间戳,使第一次加载和reload中访问的url不一致,使系统无法使用IE缓存。通过测试发现,EasyUI请求时后面已经自带一串随机数_145232xxx,但是ie还是会使用缓存。后来我在请求的js中为url加上rand=xxx(Math.rand()生成的随机数)就不会使用缓存了。(我测试了从ie8到ie11)

2.用类似于在<head>中加<meta>来清除缓存:

<META HTTP-EQUIV="pragma" CONTENT="no-cache">

<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">

<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

很不幸,跟很多网友一样,这个方法我也失败了。:(

3.将datagrid的load对应的method声明为‘POST',这个解决方法最快。但是有有几个问题:
•要是该服务端接口不支持POST方式就歇菜了。
•要是服务端接口自己能控制,这种为了前端妥协的方式,会导致接口一点也不RESTful!要知道RESTful接口对于查询的设计基本上都是GET方式的。

总结

所以说还是第一种方法,在url自己加随机数好用,原谅我代码洁癖不想改服务端接口 _(:з」∠)_。

Javascript 相关文章推荐
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
Aug 31 Javascript
JS将所有对象s的属性复制给对象r(原生js+jquery)
Jan 25 Javascript
AngularJS学习笔记之ng-options指令
Jun 16 Javascript
jQuery EasyUI Pagination实现分页的常用方法
May 21 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
在Vue组件上动态添加和删除属性方法
Feb 23 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
Jun 25 Javascript
vue项目实现表单登录页保存账号和密码到cookie功能
Aug 31 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
Sep 16 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
May 21 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
Feb 26 Javascript
vuex实现购物车的增加减少移除
Jun 28 Javascript
JS控制网页动态生成任意行列数表格的方法
Mar 09 #Javascript
jQuery随机密码生成的方法
Mar 09 #Javascript
jQuery实现简单的间隔向上滚动效果
Mar 09 #Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 #Javascript
javascript 对象数组根据对象object key的值排序
Mar 09 #Javascript
jquery插件corner实现圆角边框的方法
Mar 09 #Javascript
jQuery中animate用法实例分析
Mar 09 #Javascript
You might like
Codeigniter实现多文件上传并创建多个缩略图
2014/06/12 PHP
php将csv文件导入到mysql数据库的方法
2014/12/24 PHP
PHP防止图片盗用(盗链)的方法小结
2016/11/11 PHP
PHP面向对象程序设计模拟一般面向对象语言中的方法重载(overload)示例
2019/06/13 PHP
Prototype1.5 rc2版指南最后一篇之Position
2007/01/10 Javascript
javaScript array(数组)使用字符串作为数组下标的方法
2013/11/19 Javascript
JS弹出可拖拽可关闭的div层完整实例
2015/02/13 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
javascript中select下拉框的用法总结
2016/01/07 Javascript
喜大普奔!jQuery发布 3.0 最终版
2016/06/12 Javascript
JavaScript中transform实现数字翻页效果
2017/03/08 Javascript
Layer弹出层动态获取数据的方法
2018/08/20 Javascript
解决webpack dev-server不能匹配post请求的问题
2018/08/24 Javascript
vue项目创建步骤及路由router
2020/01/14 Javascript
非常漂亮的js烟花效果
2020/03/10 Javascript
[04:32]DOTA2著名解说配音敌法师 现场专访海涛怒切假腿
2013/12/20 DOTA
[04:39]显微镜下的DOTA2第十三期—Pis卡尔个人秀
2014/04/04 DOTA
python和opencv实现抠图
2018/07/18 Python
Python 移动光标位置的方法
2019/01/20 Python
Python中Numpy mat的使用详解
2019/05/24 Python
python数据库操作mysql:pymysql、sqlalchemy常见用法详解
2020/03/30 Python
Python爬虫爬取百度搜索内容代码实例
2020/06/05 Python
Python如何定义有默认参数的函数
2020/08/10 Python
python如何实现DES加密
2020/09/21 Python
举例讲解Python装饰器
2020/12/24 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
《都江堰》教学反思
2014/02/07 职场文书
询价采购方案
2014/06/09 职场文书
国际贸易毕业生自荐书
2014/06/22 职场文书
学校教师读书活动总结
2014/07/08 职场文书
农村党支部书记党群众路线四风问题整改措施
2014/09/26 职场文书
代办社保委托书范文
2014/10/06 职场文书
安全责任书
2015/01/29 职场文书
运动会3000米加油稿
2015/07/21 职场文书
职工培训工作总结
2015/08/10 职场文书
爱国主题班会教案
2015/08/14 职场文书