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

JS字符串截取函数实例

Dec 27 Javascript

莱鸟介绍window.print()方法

Jan 06 Javascript

JavaScript必知必会(五) eval 的使用

Jun 08 Javascript

javascript 注释代码的几种方法总结

Jan 04 Javascript

基于Bootstrap的Java开发问题汇总（Spring MVC）

Jan 15 Javascript

Vue+axios 实现http拦截及路由拦截实例

Apr 25 Javascript

详解a++和++a的区别

Aug 30 Javascript

Vue项目中跨域问题解决方案

Jun 05 Javascript

vue2.0 使用element-ui里的upload组件实现图片预览效果方法

Sep 04 Javascript

微信小程序实现的绘制table表格功能示例

Apr 26 Javascript

layui使用form表单实现post请求页面跳转的方法

Sep 14 Javascript

JS写滑稽笑脸运动效果

May 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

Zend的MVC机制使用分析(一)

2013/05/02 PHP

PHP滚动日志的代码实现

2015/06/10 PHP

smarty内部日期函数html_select_date()用法实例分析

2015/07/08 PHP

CodeIgniter辅助之第三方类库third_party用法分析

2016/01/20 PHP

关于laravel 数据库迁移中integer类型是无法指定长度的问题

2019/10/09 PHP

Laravel基础_关于view共享数据的示例讲解

2019/10/14 PHP

JQuery 学习笔记选择器之五

2009/07/23 Javascript

javascript事件问题

2009/09/05 Javascript

JS中showModalDialog 的使用解析

2013/04/17 Javascript

node.js中的fs.readlinkSync方法使用说明

2014/12/17 Javascript

js+flash实现的5图变换效果广告代码(附演示与demo源码下载)

2016/04/01 Javascript

JavaScript事件学习小结(五）js中事件类型之鼠标事件

2016/06/09 Javascript

不间断循环滚动效果的实例代码(必看篇)

2016/10/08 Javascript

jQuery实现选项卡功能（两种方法）

2017/03/08 Javascript

javaScript日期工具类DateUtils详解

2017/12/08 Javascript

layui的面包屑或者表单不显示的解决方法

2019/09/05 Javascript

24个ES6方法解决JS实际开发问题(小结)

2020/05/31 Javascript

在Vue 中获取下拉框的文本及选项值操作

2020/08/13 Javascript

解决vue单页面应用打包后相对路径、绝对路径相关问题

2020/08/14 Javascript

vue用ant design中table表格,点击某行时触发的事件操作

2020/10/28 Javascript

python实现FTP服务器服务的方法

2017/04/11 Python

Python爬虫设置代理IP的方法(爬虫技巧)

2018/03/04 Python

Python使用爬虫抓取美女图片并保存到本地的方法【测试可用】

2018/08/30 Python

Pandas中Series和DataFrame的索引实现

2019/06/27 Python

python 发送json数据操作实例分析

2019/10/15 Python

python list多级排序知识点总结

2019/10/23 Python

Python 私有化操作实例分析

2019/11/21 Python

Python实现线性判别分析(LDA)的MATLAB方式

2019/12/09 Python

STUBHUB日本：购买和出售全球活动门票

2018/07/01 全球购物

美团网旗下网上订餐平台：美团外卖

2020/03/05 全球购物

教师网络培训感言

2014/03/09 职场文书

室内设计专业毕业生求职信

2014/05/02 职场文书

八项规定整改方案

2014/10/01 职场文书

艺术节开幕词

2015/01/28 职场文书

婚礼嘉宾致辞

2015/07/28 职场文书

学习新党章心得体会2016

2016/01/15 职场文书