layui table数据表格关于IE浏览器缓存问题解决方法
转载自:http://www.hilo8.com/index/share/thread?id=1684
由于layui数据表格加载数据时ajax是有缓存的,在IE浏览器中有时直接设置状态时未能及时生效,要清除缓存后刷新才能显示最新数据,这在平时用中会出现数据不及时更新造成误会,因为这里有两种方法解决:
方法一:修改layui里的ajax缓存
在layui.js文件中找到如下代码段:
t.ajax({type:a.method||"get",url:a.url,contentType:a.contentType,data:c,dataType:"json",headers:a.headers||{},success:function(t)
在上面的代码dataType:"json",headers:a.headers间加上:cache:false
,即加后效果如下
t.ajax({type:a.method||"get",url:a.url,contentType:a.contentType,data:c,dataType:"json",cache:false,headers:a.headers||{},success:function(t)
方法二:链接加上时间戳
-
在
table.render({......,url:'/链接地址/?nowTime='+new Date().getTime(),......})
; -
重载表格,
table.reload('currentTableId',{where:{nowTime:new Date().getTime()}})
;
注意:第一种方法就是修改源框架代码,感觉欠妥,但可以将就用着。第二种方法中可能还存在一个问题,就是在换页时并没有更新,如有其它网友更好的方法可以提出来学习学习!
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。