ajax实现页码式分页

Ajax实现页码式分页1.问题场景

分别实现如下分页效果：

2.实现方法

第一种样式的实现：

对应的html

curpage = 1;

}elseif(name=="syy"){

curpage = --curpage>1?curpage:1;

}elseif(name=="xyy"){

curpage = ++curpage>pageNums?pageNums:curpage;

}elseif(name=="wy"){

curpage=pageNums;

}

loadData(curpage);

/*$("#showCurrnetPage").text(curpage+"/"+pageNums);*/

});

}

//分页查询真实数据

var loadData = function(start){

var param = {"start":start,"number":number};

$.getJSON("api/year/list",param,function(data){

$("#tbody_content").empty();

var code = data.code;

if(code=="0"){

var page = Math.ceil(data.size/number);

$("#showCurrnetPage").text(start+"/"+page);

$(".pageButton").off();

pagebutton(page,number);

var arr = data.data;

$.each(arr,function(index){

var html = ''

+''+index+''

+''+https://www.360docs.net/doc/ee820607.html,+''

+''

+'删除'

+''

+'';

$("#tbody_content").append(html);

var del_but =

$("#tbody_content").children().last().find("button.del_but");

deleteItem(del_but);

});

}