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

图片自动更新(说明)

Oct 02 Javascript

jquery中this的使用说明

Sep 06 Javascript

使用基于jquery的gamequery插件做JS乒乓球游戏

Jul 31 Javascript

表单验证的完整应用案例探讨

Mar 29 Javascript

JavaScript判断密码强度(自写代码)

Sep 06 Javascript

使用JQuery选择HTML遍历函数的方法

Sep 17 Javascript

jQuery通过ajax方法获取json数据不执行success的原因及解决方法

Oct 15 Javascript

原来JS还可以这样拆箱转换详解

Feb 01 Javascript

vue下使用nginx刷新页面404的问题解决

Aug 02 Javascript

Nuxt.js实战和配置详解

Aug 05 Javascript

Vue数组响应式操作及高阶函数使用代码详解

Aug 01 Javascript

编写v-for循环的技巧汇总

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

cakephp打印sql语句的方法

2015/02/13 PHP

JS 学习笔记防止发生命名冲突

2009/07/30 Javascript

js 中 document.createEvent的用法

2010/08/29 Javascript

JavaScript 原型继承之构造函数继承

2011/08/26 Javascript

分页栏的web标准实现

2011/11/01 Javascript

jQuery UI Autocomplete 1.8.16 中文输入修正代码

2012/04/16 Javascript

js 判断上传文件大小及格式代码

2013/11/13 Javascript

js带缩略图的图片轮播效果代码分享

2015/09/14 Javascript

jQuery焦点图切换特效代码分享

2015/09/15 Javascript

jquery实现的回旋滚动效果完整实例【附demo源码下载】

2016/09/20 Javascript

BootStrap实现带有增删改查功能的表格(DEMO详解)

2016/10/26 Javascript

Bootstrap CSS布局之代码

2016/12/17 Javascript

微信小程序页面开发注意事项整理

2017/05/18 Javascript

使用JavaScript实现链表的数据结构的代码

2017/08/02 Javascript

jquery操作ul的一些操作笔记整理(干货)

2017/08/31 jQuery

javascript闭包的使用之按钮切换功能

2018/08/30 Javascript

使用 Jest 和 Supertest 进行接口端点测试实例详解

2020/04/25 Javascript

vue.js实现双击放大预览功能

2020/06/23 Javascript

jQuery+ThinkPHP实现图片上传

2020/07/23 jQuery

[15:09]DOTA2国际邀请赛采访专栏：Loda

2013/08/06 DOTA

[02:41]《西雅图我们来了》2015国际邀请赛出征全记录

2015/07/23 DOTA

python获取android设备的GPS信息脚本分享

2015/03/06 Python

浅谈pycharm使用及设置方法

2019/09/09 Python

Python实现非正太分布的异常值检测方式

2019/12/09 Python

python函数map()和partial()的知识点总结

2020/05/26 Python

python中四舍五入的正确打开方式

2021/01/18 Python

python实现学生信息管理系统源码

2021/02/22 Python

html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法

2013/01/09 HTML / CSS

个人剖析材料及整改措施

2014/10/07 职场文书

优秀大学生事迹材料

2014/12/24 职场文书

2015大学生求职信范文

2015/03/20 职场文书

2015年社区关工委工作总结

2015/04/03 职场文书

2016年小学生清明节广播稿

2015/12/17 职场文书

《童年》读后感（三篇）

2019/08/27 职场文书

python实现学员管理系统(面向对象版)

2022/06/05 Python

Nginx开源可视化配置工具NginxConfig使用教程

2022/06/21 Servers