基于layui实现异步接口数据渲染

本人对前端技术也是半懵半懂,只是最近在项目中遇到了,就想着把它写下来回顾一下,在以后碰到能够有所借鉴,同时也给那些在使用过程中和我遇到相同问题的朋友做一个参考,有使用错误的地方,敬请告知。
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:是否分页
以上就是实现异步接口数据渲染的方式,有什么问题和错误的地方可以留言!一起讨论讨论

  • 0
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值