基于layui实现异步接口数据渲染
本人对前端技术也是半懵半懂，只是最近在项目中遇到了，就想着把它写下来回顾一下，在以后碰到能够有所借鉴，同时也给那些在使用过程中和我遇到相同问题的朋友做一个参考，有使用错误的地方，敬请告知。1.前端分页的实现（1）引用js(你可以找cdn，也可以下载下来在本地引入，建议直接下载，文件也不是很大)（2）编写html代码这个是装载表格的容器 ，id="createTable"自己定义就好，但是最...
·
本人对前端技术也是半懵半懂，只是最近在项目中遇到了，就想着把它写下来回顾一下，在以后碰到能够有所借鉴，同时也给那些在使用过程中和我遇到相同问题的朋友做一个参考，有使用错误的地方，敬请告知。
1.前端分页的实现
（1）引用js(你可以找cdn，也可以下载下来在本地引入，建议直接下载，文件也不是很大)
（2）编写html代码
这个是装载表格的容器 ，id="createTable"自己定义就好，但是最好使用
这个是从官网上照抄的行事件，主要用来操作表格某行数据的增删改查
（3）编写js代码：
由于内容比较多，一张图放不下。接下来我稍微解释一下：
elem：页面容器
method:请求方式
url：请求后端路径
request:自定义分页参数名称（我这里把默认的page改为了currIndex）
cols:表头
where：表示你在请求时需要添加的查找条件（比如我的请求参数name=‘张三’，page=1,limit=10；即查询第一页10条数据并且name=张三）
response:可以用来修改服务端返回参数和layui接受参数不一致问题，我这边使用的是status作为原来的code,状态有原来的0改为了2
parseData:回调函数
page:是否分页
以上就是实现异步接口数据渲染的方式，有什么问题和错误的地方可以留言！一起讨论讨论
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)