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

JavaScript Date对象日期获取函数

Dec 19 Javascript

js/jQuery对象互转(快速操作dom元素)

Feb 04 Javascript

jquery中html、val与text三者属性取值的联系与区别介绍

Dec 29 Javascript

介绍JavaScript的一个微型模版

Jun 24 Javascript

javascript跨域请求包装函数与用法示例

Nov 03 Javascript

jQuery学习之DOM节点的插入方法总结

Jan 22 Javascript

Angular.js基础学习之初始化

Mar 10 Javascript

微信小程序实现拖拽 image 触摸事件监听的实例

Aug 17 Javascript

angular5 httpclient的示例实战

Mar 12 Javascript

原生JS实现列表子元素顺序反转的方法分析

Jul 02 Javascript

Vue Router中应用中间件的方法

Aug 06 Javascript

javascript中Set、Map、WeakSet、WeakMap区别

Dec 24 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

2个比较经典的PHP加密解密函数分享

2014/07/01 PHP

Smarty最简单实现列表奇偶变色的方法

2015/07/01 PHP

PHP中strncmp()函数比较两个字符串前2个字符是否相等的方法

2016/01/07 PHP

PHP守护进程化在C和PHP环境下的实现

2017/11/21 PHP

Yii2.0框架behaviors方法使用实例分析

2019/09/30 PHP

Javascript注入技巧

2007/06/22 Javascript

奇妙的js

2007/09/24 Javascript

js文件中调用js的实现方法小结

2009/10/23 Javascript

Angular外部使用js调用Angular控制器中的函数方法或变量用法示例

2016/08/05 Javascript

KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定

2016/10/10 Javascript

微信小程序地图定位简单实例

2016/10/14 Javascript

js实现导航栏中英文切换效果

2017/01/16 Javascript

js实现贪吃蛇小游戏（容易理解）

2017/01/22 Javascript

Node.js利用js-xlsx处理Excel文件的方法详解

2017/07/05 Javascript

js指定步长实现单方向匀速运动

2017/07/17 Javascript

Vue利用History记录上一页面的数据方法实例

2018/11/02 Javascript

[32:36]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第二场 12.12

2020/12/16 DOTA

Python实现获取网站PR及百度权重

2015/01/21 Python

Python中的多行注释文档编写风格汇总

2016/06/16 Python

总结python爬虫抓站的实用技巧

2016/08/09 Python

Python实现将不规范的英文名字首字母大写

2016/11/15 Python

python使用turtle库绘制树

2018/06/25 Python

使用Python给头像戴上圣诞帽的图像操作过程解析

2019/09/20 Python

python集合的创建、添加及删除操作示例

2019/10/08 Python

python add_argument()用法解析

2020/01/29 Python

html5设计原理(推荐收藏)

2014/05/17 HTML / CSS

浅谈html5与APP混合开发遇到的问题总结

2018/03/20 HTML / CSS

app内嵌H5 webview 本地缓存问题的解决

2020/10/19 HTML / CSS

Vita Fede官网：在意大利手工制作，在纽约市设计

2019/10/25 全球购物

双立人加拿大官网：Zwilling加拿大

2020/08/10 全球购物

销售文员的岗位职责

2013/11/20 职场文书

九年级科学教学反思

2014/01/29 职场文书

理工学院学生自我鉴定

2014/02/23 职场文书

人事局接收函

2015/01/31 职场文书

公司放假通知怎么写

2015/04/15 职场文书

python 破解加密zip文件的密码

2021/04/22 Python