js分页功能

能跳转上一页下一页首页尾页跳转

html

先请求出来数据，这里可以把请求数据封装成一个函数，后面不断去调用这个函数来实现跳转

全局变量

 

每次换页面显示数据都要更新

arr = data.slice((page - 1) * num, page * num);

首页

$("#first").click(() => {
				page = 1
				port()
				$("#text").val(1)
			})

尾页

last = Math.ceil(data.length / num)

$("#last").click(() => {
				page = last
				port()
				$("#text").val(last)
			})

上一页 要判断是否 是第一页

$("#previous").click(() => {
				if (page > 1) {
					page--
					$("#text").val(page)
					port()
				}
			})

下一页 要判断是否 是最后一页

$("#next").click(() => {
				if (page != last) {
					page++
					port()
					$("#text").val(page)
				}
			})