素材巴巴 > 程序开发 >

查询数据信息 Js分页

程序开发 2023-09-11 21:36:44

首先,创建一个Html文件,一个对应Html的Js文件,在Html里引用对应Js文件;其次在Js文件进行写方法。
可以用Jquery的方式来写执行方法(一定要在对应的Html文件中引用Jquery插件),方法如图:
在这里插入图片描述
然后写执行的方法,如图:
在这里插入图片描述
Ajax连接后端的接口,查询数据信息,如图:在这里插入图片描述
接口连接成功后,进行分页功能,如图:在这里插入图片描述
在这里插入图片描述
如果要输入页数进行跳页的话,需要如下图的方法;在这里插入图片描述
如果存在跳页的话,必须要限制页数,不能说一共有5页,输入页数6也能跳转或则输入小于1页,根本不存在的页;需要进行限制,如图案例:
在这里插入图片描述这周的分享就到这里,我们下周见。


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。