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

jqPlot jquery的页面图表绘制工具

Jul 25 Javascript

如何解决Jquery库及其他库之间的$命名冲突

Sep 15 Javascript

Enter转换为Tab的小例子(兼容IE,Firefox)

Nov 14 Javascript

javascript的数组和常用函数详解

May 09 Javascript

基于Jquery实现仿百度百科右侧导航代码附源码下载

Nov 27 Javascript

浅谈Cookie的生命周期问题

Aug 02 Javascript

教你用十行node.js代码读取docx的文本

Mar 08 Javascript

ES6中参数的默认值语法介绍

May 03 Javascript

ES6入门教程之let和const命令详解

May 17 Javascript

React Native AsyncStorage本地存储工具类

Oct 24 Javascript

解决vue-router在同一个路由下切换,取不到变化的路由参数问题

Sep 01 Javascript

Vue按时间段查询数据组件使用详解

Aug 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

smarty 原来也不过如此~~呵呵

2006/11/25 PHP

php 表单验证实现代码

2009/03/10 PHP

PHP PDOStatement:bindParam插入数据错误问题分析

2013/11/13 PHP

PHP对象递归引用造成内存泄漏分析

2014/08/28 PHP

CentOS下与Apache连接的PHP多版本共存方案实现详解

2015/12/19 PHP

PHP设计模式之模板方法模式实例浅析

2018/12/20 PHP

jQuery学习笔记之jQuery的事件

2010/12/22 Javascript

JS面向对象编程浅析

2011/08/28 Javascript

JS中的构造函数详细解析

2014/03/10 Javascript

jquery中EasyUI使用技巧小结

2015/02/10 Javascript

nodejs实现遍历文件夹并统计文件大小

2015/05/28 NodeJs

node.js学习之base64编码解码

2016/10/21 Javascript

AngularJS中的缓存使用

2017/01/11 Javascript

利用JQuery操作iframe父页面、子页面的元素和方法汇总

2017/09/10 jQuery

React组件内事件传参实现tab切换的示例代码

2018/07/04 Javascript

详解vue2.0+axios+mock+axios-mock+adapter实现登陆

2018/07/19 Javascript

优化Vue项目编译文件大小的方法步骤

2019/05/27 Javascript

[03:12]2016完美“圣”典风云人物：单车专访

2016/12/02 DOTA

[58:18]2018DOTA2亚洲邀请赛3月29日小组赛B组 iG VS Mineski

2018/03/30 DOTA

Python全局变量操作详解

2015/04/14 Python

Pandas读写CSV文件的方法示例

2019/03/27 Python

Python中无限循环需要什么条件

2020/05/27 Python

中国跨境海淘网站：考拉海购

2016/08/01 全球购物

韩国家庭购物网上商店：Nsmall

2017/05/07 全球购物

香港唯港荟酒店预订：Hotel ICON

2018/03/27 全球购物

伦敦香水公司：The London Perfume Company

2019/11/13 全球购物

Java中有几种方法可以实现一个线程？用什么关键字修饰同步方法？stop()和suspend()方法为何不推荐使用？

2015/08/04 面试题

经典c++面试题三

2015/07/08 面试题

UNIX文件系统常用命令

2012/05/25 面试题

大学生党员个人总结

2015/02/13 职场文书

稽核岗位职责范本

2015/04/13 职场文书

2015年幼儿园学前班工作总结

2015/05/18 职场文书

婚礼嘉宾致辞

2015/07/28 职场文书

庭外和解协议书

2016/03/23 职场文书

css3实现的加载动画效果

2021/04/07 HTML / CSS

浅谈MySql update会锁定哪些范围的数据

2022/06/25 MySQL