编程 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进行拖拽

Jul 20 Javascript

Js获取事件对象代码

Aug 05 Javascript

jQuery的live()方法对hover事件的处理示例

Feb 27 Javascript

图片放大镜jquery.jqzoom.js使用实例附放大镜图标

Jun 19 Javascript

javascript检测浏览器的缩放状态实现代码

Sep 28 Javascript

常用的JavaScript WEB操作方法分享

Feb 28 Javascript

jQuery Validate初步体验(一)

Dec 12 Javascript

浅析JavaScript声明变量

Dec 21 Javascript

深入解析jQuery中Deferred的deferred.promise()方法

May 03 Javascript

初学vue出现空格警告的原因及其解决方案

Oct 31 Javascript

关于Vue中$refs的探索浅析

Nov 05 Javascript

帮你提高开发效率的JavaScript20个技巧

Jun 18 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三层结构(上) 简单三层结构

2010/07/04 PHP

php基于str_pad实现卡号不足位数自动补0的方法

2014/11/12 PHP

利用“多说”制作留言板、评论系统

2015/07/14 PHP

PHP开发中解决并发问题的几种实现方法分析

2017/11/13 PHP

CI框架(CodeIgniter)操作redis的方法详解

2018/01/25 PHP

tp5.0框架隐藏index.php入口文件及模块和控制器的方法分析

2020/02/11 PHP

PHP执行系统命令函数实例讲解

2021/03/03 PHP

仿迅雷焦点广告效果(JQuery版)

2008/11/19 Javascript

用nodejs访问ActiveX对象，以操作Access数据库为例。

2011/12/15 NodeJs

8款非常棒的响应式jQuery 幻灯片插件推荐

2012/02/02 Javascript

javascript在网页中实现读取剪贴板粘贴截图功能

2014/06/07 Javascript

javascript基础语法学习笔记

2016/01/04 Javascript

bootstrap布局中input输入框右侧图标点击功能

2016/05/16 Javascript

js实现select选择框效果及美化

2016/08/19 Javascript

Bootstrap进度条与AJAX后端数据传递结合使用实例详解

2017/04/23 Javascript

将 vue 生成的 js 上传到七牛的实例

2017/07/28 Javascript

AngularJS实现图片上传和预览功能的方法分析

2017/11/08 Javascript

JS实现基于拖拽改变物体大小的方法

2018/01/23 Javascript

vue scroller返回页面记住滚动位置的实例代码

2018/01/29 Javascript

Element ui 下拉多选时新增一个选择所有的选项

2019/08/21 Javascript

解决vue一个页面中复用同一个echarts组件的问题

2020/07/19 Javascript

python批量修改图片后缀的方法(png到jpg)

2018/10/25 Python

Python3常用内置方法代码实例

2019/11/18 Python

Python Django2.0集成Celery4.1教程

2019/11/19 Python

TensorFlow梯度求解tf.gradients实例

2020/02/04 Python

Python中三维坐标空间绘制的实现

2020/09/22 Python

记帐员岗位责任制

2014/02/08 职场文书

银行求职信

2014/05/31 职场文书

大学毕业生个人自荐书

2014/07/02 职场文书

同事打架检讨书

2015/05/06 职场文书

篮球赛新闻稿

2015/07/17 职场文书

工作会议简报

2015/07/20 职场文书

2015年清剿火患专项行动工作总结

2015/07/27 职场文书

python Tkinter的简单入门教程

2021/04/11 Python

在vue中import()语法不能传入变量的问题及解决

2022/04/01 Vue.js

python单向链表实例详解

2022/05/25 Python