本人对前端技术也是半懵半懂,只是最近在项目中遇到了,就想着把它写下来回顾一下,在以后碰到能够有所借鉴,同时也给那些在使用过程中和我遇到相同问题的朋友做一个参考,有使用错误的地方,敬请告知。
1.前端分页的实现
(1)引用js(你可以找cdn,也可以下载下来在本地引入,建议直接下载,文件也不是很大)
(2)编写html代码
这个是装载表格的容器 ,id="createTable"自己定义就好,但是最好使用
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/bd31c4f67469aeecef88f438922029ff.png)
(3)编写js代码:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/d06e246928ceca594ff3f0b2f81de3f8.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/44656f4054b0c0df638bff7511c3b353.png)
elem:页面容器
method:请求方式
url:请求后端路径
request:自定义分页参数名称(我这里把默认的page改为了currIndex)
cols:表头
where:表示你在请求时需要添加的查找条件(比如我的请求参数name=‘张三’,page=1,limit=10;即查询第一页10条数据并且name=张三)
response:可以用来修改服务端返回参数和layui接受参数不一致问题,我这边使用的是status作为原来的code,状态有原来的0改为了2
parseData:回调函数
page:是否分页
以上就是实现异步接口数据渲染的方式,有什么问题和错误的地方可以留言!一起讨论讨论