LayUI数据表格自动定时刷新,并且停留在当前页面

朋友刚刚来找我说,想要LayUI的数据表格定时刷新,刷新之后能够停留在当前页面,但是在查询的时候表格又要从第一页开始。

一开始我是想着自动刷新就使用$.post()+定时器,当前页面的话,加个参数区分自动刷新与查询,再加个参数获取当前页再传来传去……糊里糊涂乱七八糟

还没动手就感觉很难,主要是用的Layui的数据表格,有点不熟悉,不知道该怎么处理。但是后面自己看一下,感觉好像没什么难的。

查询

不管是使用查询还是自动加载,都是用到reload方法,只要区分什么时候是从第一页开始,什么时候是当前页就好了。

还有两个要注意的地方:

1、定时器会越来越多,要控制不管什么时候都是只有一个定时器就好了。

2、当查询花费的时间大于自动更新的时间的话,会卡住(因为自动加载的定时器一直清空刚刚建立的(未得到结果的)查询定时器),这个问题不大,一般定时加载的时间不会间隔太短的,不然也是在浪费网络资源。

因为是使用layUI的数据表格,在刷新的时候表格会闪一下,体验感不是很好,去查了一下还是没有找到确切的解决的方法,可能使用静态表格会好一点吧。

你可能感兴趣的:(HTML,Layui,js)