编程 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 相关文章推荐

为超链接加上disabled后的故事

Dec 10 Javascript

jQuery随便控制任意div隐藏的方法

Jun 28 Javascript

javascript实现的平方米、亩、公顷单位换算小程序

Aug 11 Javascript

AngularJS初始化过程分析(引导程序)

Dec 06 Javascript

js图片延迟加载(Lazyload)三种实现方式

Mar 01 Javascript

React-Native做一个文本输入框组件的实现代码

Aug 10 Javascript

vue的事件绑定与方法详解

Aug 16 Javascript

JavaScript通过mouseover()实现图片变大效果的示例

Dec 20 Javascript

JS实现简单的点赞与踩功能示例

Dec 05 Javascript

WebGL学习教程之Three.js学习笔记(第一篇)

Apr 25 Javascript

五句话帮你轻松搞定js原型链

Dec 09 Javascript

vue 计算属性和侦听器的使用小结

Jan 25 Vue.js

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

PhpMyAdmin中无法导入sql文件的解决办法

2010/01/08 PHP

基于Snoopy的PHP近似完美获取网站编码的代码

2011/10/23 PHP

php之CodeIgniter学习笔记

2013/06/17 PHP

apache和PHP如何整合在一起

2015/10/12 PHP

php+ajax简单实现全选删除的方法

2016/12/06 PHP

浅谈PHP无限极分类原理

2019/03/14 PHP

用原生JavaScript实现jQuery的$.getJSON的解决方法

2013/05/03 Javascript

浅析IE10兼容性问题(frameset的cols属性)

2014/01/03 Javascript

js this函数调用无需再次抓获id，name或标签名

2014/03/03 Javascript

jQuery图片切换插件jquery.cycle.js使用示例

2014/06/16 Javascript

jquery显示隐藏input对象

2014/07/21 Javascript

NodeJS使用jQuery选择器操作DOM

2015/02/13 NodeJs

深入讲解xhr（XMLHttpRequest）/jsonp请求之abort

2017/07/26 Javascript

Vue-Access-Control 前端用户权限控制解决方案

2017/12/01 Javascript

使用ngrok+express解决本地环境中微信接口调试问题

2018/02/26 Javascript

nodejs 日志模块winston的使用方法

2018/05/02 NodeJs

详解使用VueJS开发项目中的兼容问题

2018/08/02 Javascript

解决webpack+Vue引入iView找不到字体文件的问题

2018/09/28 Javascript

layer提示框添加多个按钮选择的实例

2019/09/12 Javascript

vue 解决兄弟组件、跨组件深层次的通信操作

2020/07/27 Javascript

vue接口请求加密实例

2020/08/11 Javascript

Python实现类似比特币的加密货币区块链的创建与交易实例

2018/03/20 Python

python变量命名的7条建议

2019/07/04 Python

Python3 使用pillow库生成随机验证码

2019/08/26 Python

pytorch实现mnist数据集的图像可视化及保存

2020/01/14 Python

基于Pytorch SSD模型分析

2020/02/18 Python

python 解决tqdm模块不能单行显示的问题

2020/02/19 Python

HTML5计时器小例子

2013/10/15 HTML / CSS

大二学习计划书范文

2014/04/27 职场文书

中药学自荐信

2014/06/15 职场文书

校园广播稿精选

2014/10/01 职场文书

违纪检讨书

2015/01/27 职场文书

2015年社区民政工作总结

2015/04/21 职场文书

2016年端午节校园广播稿

2015/12/18 职场文书

《水浒传》读后感3篇（范文）

2019/09/19 职场文书

CSS 实现多彩、智能的阴影效果

2021/05/12 HTML / CSS