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 相关文章推荐
javascript之dhDataGrid Ver2.0.0代码
Jul 01 Javascript
Jquery异步请求数据实例代码
Dec 28 Javascript
JS下载文件|无刷新下载文件示例代码
Apr 17 Javascript
jquery通过select列表选择框对表格数据进行过滤示例
May 07 Javascript
JS获取单击按钮单元格所在行的信息
Jun 17 Javascript
javascript操作表格排序实例分析
May 06 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 Javascript
Vue.js每天必学之内部响应式原理探究
Sep 07 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
Dec 01 Javascript
JavaScript中 this 指向问题深度解析
Feb 21 Javascript
老生常谈jacascript DOM节点获取
Apr 17 Javascript
js实现移动端轮播图滑动切换
Dec 21 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
聊天室php&amp;mysql(四)
2006/10/09 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
计算php页面运行时间的函数介绍
2013/07/01 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
Ubuntu server 11.04安装memcache及php使用memcache来存储session的方法
2016/05/31 PHP
php中上传文件的的解决方案
2018/09/25 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
html文本框提示效果的示例代码
2014/06/28 Javascript
基于Javascript实现二级联动菜单效果
2016/03/04 Javascript
Angular 路由route实例代码
2016/07/12 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
Bootstrap源码解读下拉菜单(4)
2016/12/23 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
2017/02/10 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
JavaScript生成图形验证码
2020/08/24 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
[04:19]DOTA2完美大师赛第四天精彩集锦
2017/11/26 DOTA
[43:43]完美世界DOTA2联赛PWL S2 FTD.C vs Rebirth 第一场 11.22
2020/11/24 DOTA
python实现的简单窗口倒计时界面实例
2015/05/05 Python
使用Python编写一个最基础的代码解释器的要点解析
2016/07/12 Python
python中abs&amp;map&amp;reduce简介
2018/02/20 Python
numpy找出array中的最大值,最小值实例
2018/04/03 Python
Python模拟自动存取款机的查询、存取款、修改密码等操作
2018/09/02 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
python使用openpyxl操作excel的方法步骤
2020/05/28 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
KLOOK客路:发现更好玩的世界,预订独一无二的旅行体验
2016/12/16 全球购物
时尚圣经:The Fashion Bible
2019/03/03 全球购物
新课培训心得体会
2014/09/03 职场文书
刑事代理授权委托书
2014/09/17 职场文书
暑期社会实践个人总结
2015/03/06 职场文书
一篇带你入门Java垃圾回收器
2021/06/16 Java/Android
新手入门Mysql--概念
2021/06/18 MySQL
idea编译器vue缩进报错问题场景分析
2021/07/04 Vue.js
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android