编程 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关于select的相关操作说明

Jan 13 Javascript

基于JQuery的一句代码实现表格的简单筛选

Jul 26 Javascript

Javascript中arguments和arguments.callee的区别浅析

Apr 24 Javascript

jquery判断单选按钮radio是否选中的方法

May 05 Javascript

Kindeditor单独调用单图上传增加预览功能的实例

Jul 31 Javascript

利用JS做网页特效_大图轮播(实例讲解)

Aug 09 Javascript

用vue构建多页面应用的示例代码

Sep 20 Javascript

js精确的加减乘除实例

Nov 14 Javascript

vue-cli2.x项目优化之引入本地静态库文件的方法

Jun 19 Javascript

koa2使用ejs和nunjucks作为模板引擎的使用

Nov 27 Javascript

JavaScript模板引擎应用场景及实现原理详解

Dec 14 Javascript

详解Node.js一行命令上传本地文件到服务器

Apr 22 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

利用php来自动调用不同服务器上的flash

2006/10/09 PHP

php Ubb代码编辑器函数代码

2012/07/05 PHP

解析php中eclipse 用空格替换 tab键

2013/06/24 PHP

php保存任意网络图片到服务器的方法

2015/04/14 PHP

PHP ADODB生成下拉列表框功能示例

2018/05/29 PHP

ThinkPHP 5 AJAX跨域请求头设置实现过程解析

2020/10/28 PHP

js实现的跟随鼠标移动的时钟效果(中英文日期显示)

2011/01/17 Javascript

快速查找数组中的某个元素并返回下标示例

2013/09/03 Javascript

yui3的AOP(面向切面编程)和OOP(面向对象编程)

2015/05/01 Javascript

javascript实现根据iphone屏幕方向调用不同样式表的方法

2015/07/13 Javascript

Ionic快速安装教程

2016/06/03 Javascript

老生常谈JavaScript数组的用法

2016/06/10 Javascript

javascript简单进制转换实现方法

2016/11/24 Javascript

利用jQuery来动态为属性添加或者删除属性的简单方法

2016/12/02 Javascript

微信小程序 MD5加密登录密码详解及实例代码

2017/01/12 Javascript

微信小程序使用component自定义toast弹窗效果

2018/11/27 Javascript

实例介绍JavaScript中多种组合继承

2019/01/20 Javascript

vue实现手机端省市区区域选择

2019/09/27 Javascript

vue弹出框组件封装实例代码

2019/10/31 Javascript

解决antd 表单设置默认值initialValue后验证失效的问题

2020/11/02 Javascript

Python设计模式之观察者模式简单示例

2018/01/10 Python

快速解决PyCharm无法引用matplotlib的问题

2018/05/24 Python

python 按不同维度求和,最值,均值的实例

2018/06/28 Python

django框架CSRF防护原理与用法分析

2019/07/22 Python

Python Django框架模板渲染功能示例

2019/11/08 Python

基于HTML5 FileSystem API的使用介绍

2013/04/24 HTML / CSS

伦敦眼门票在线预订：London Eye

2018/05/31 全球购物

美国精油公司：Plant Therapy

2019/05/17 全球购物

Sperry澳大利亚官网：源自美国帆船鞋创始品牌

2019/07/29 全球购物

交通事故委托书范本

2014/09/28 职场文书

财务会计实训报告

2014/11/05 职场文书

签订劳动合同通知书

2015/04/16 职场文书

戒赌保证书

2015/05/11 职场文书

教师法制教育培训学习心得体会

2016/01/14 职场文书

Spring boot应用启动后首次访问很慢的解决方案

2021/06/23 Java/Android

MongoDB数据库之添删改查

2022/04/26 MongoDB