js实现简单分页功能
let data; $.ajax({ type: "POST", url: "接口数据", data: {}, success: function(res) { console.log(res); fun(res) data = res } })
声明两个变量
let k = 0; //当前页 let num = 10; //每页10条数据
for循环
function fun(res) { for (let i = k * num; i < (k + 1) * num; i++) { //数据渲染 字符串拼接 } }
var nums = Math.ceil(res.data.info.length / num); //声明当前总共多少页面 //然后循环拼接button按钮 for (let i = 0; i < nums; i++){ if (k == i) { strss += '<button class="btns" onclick="jump(' + i + ')" style="background-color:yellow;"> ' + (i + 1) + ' </button>'; } } function jump(l) { k = l; fun(data); }