编程 Javascript

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自己加随机数好用，原谅我代码洁癖不想改服务端接口 _(:з」∠)_。

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

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 性能优化指南（2）

May 21 Javascript

Javascript 加载和执行-性能提高篇

Dec 28 Javascript

js中的this关键字详解

Sep 25 Javascript

理解javascript中DOM事件

Dec 25 Javascript

微信开发微信授权详解

Oct 21 Javascript

jquery获取table指定行和列的数据方法(当前选中行、列)

Nov 07 Javascript

vue构建动态表单的方法示例

Sep 22 Javascript

详解@angular/cli 改变默认启动端口两种方式

Nov 29 Javascript

原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】

Aug 15 Javascript

基于JavaScript获取base64图片大小

Oct 18 Javascript

Ant Design Pro 下实现文件下载的实现代码

Dec 03 Javascript

React+EggJs实现断点续传的示例代码

Jul 07 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

Discuz!5的PHP代码高亮显示插件（黑暗中的舞者更新）

2007/01/29 PHP

php读取mysql中文数据出现乱码的解决方法

2013/08/16 PHP

Laravel 验证码认证学习记录小结

2019/12/20 PHP

XENON基于JSON变种

2010/07/27 Javascript

从零开始学习jQuery (四) jQuery中操作元素的属性与样式

2011/02/23 Javascript

ie下jquery.getJSON的缓存问题的处理方法

2013/03/29 Javascript

jQuery搜索同辈元素方法

2015/02/10 Javascript

深入理解JavaScript系列（29）：设计模式之装饰者模式详解

2015/03/03 Javascript

JavaScript图片轮播代码分享

2015/07/31 Javascript

jQuery动画效果相关方法实例分析

2015/12/31 Javascript

js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)

2016/01/27 Javascript

使用jquery提交form表单并自定义action的方法

2016/05/25 Javascript

js判断手机号是否正确并返回的实现代码

2017/01/17 Javascript

360doc网站不登录就无法复制内容的解决方法

2018/01/27 Javascript

vue中实现methods一个方法调用另外一个方法

2018/02/08 Javascript

常用的 JS 排序算法整理版

2018/04/05 Javascript

微信小程序结合mock.js实现后台模拟及调试

2019/03/28 Javascript

微信小程序登录态和检验注册过没的app.js写法

2019/05/22 Javascript

JS/jQuery实现超简单的Table表格添加,删除行功能示例

2019/07/31 jQuery

vuex存值与取值的实例

2019/11/06 Javascript

[01:11:46]DOTA2-DPC中国联赛正赛 iG vs Magma BO3 第一场 2月23日

2021/03/11 DOTA

Python实现小数转化为百分数的格式化输出方法示例

2017/09/20 Python

TensorFlow实现随机训练和批量训练的方法

2018/04/28 Python

详解Django rest_framework实现RESTful API

2018/05/24 Python

OpenCV搞定腾讯滑块验证码的实现代码

2019/05/18 Python

PyQt5响应回车事件的方法

2019/06/25 Python

解决pycharm下os.system执行命令返回有中文乱码的问题

2019/07/07 Python

命令行运行Python脚本时传入参数的三种方式详解

2019/10/11 Python

python的faker库用法

2019/11/28 Python

使用python采集Excel表中某一格数据

2020/05/14 Python

美国领先的水果篮送货公司和新鲜水果供应商：The Fruit Company

2018/02/13 全球购物

木工主管岗位职责

2013/12/08 职场文书

企业文化口号

2014/06/12 职场文书

本科毕业生应聘自荐信范文

2014/06/26 职场文书

ORACLE数据库对long类型字段进行模糊匹配的解决思路

2021/04/07 Oracle

python编程项目中线上问题排查与解决

2021/11/01 Python