layui table数据表格关于IE浏览器缓存问题解决方法

Javascript 1943 0 2022-02-14

layui table数据表格关于IE浏览器缓存问题解决方法

由于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()}});


注意:第一种方法就是修改源框架代码,感觉欠妥,但可以将就用着。第二种方法中可能还存在一个问题,就是在换页时并没有更新,如有其它网友更好的方法可以提出来学习学习!

上一篇:js去掉/删除/过滤html代码、空格、回车 空白字符

下一篇:layui多图上传时出现重复上传解决方法

讨论数量:0

请先登录再发表讨论。 2024-04-29

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链