java分页代码首页尾页_JQuery Pagination 分页插件 增长了首页尾页以及跳转功能

//分页查询开始

$(document).ready(function() {

getDataList(0,null);

});varrows= 10;varpage= 1;varinitFlag= true;functiongetDataList(currPage, jg) {

$.ajax({

url :"page",

type :"post",

dataType :'json',

data : {rows : rows,page : currPage+ 1},

contentType :"application/x-www-form-urlencoded; charset=utf-8",

success :function(response) {if(response.result) {if(response.data!= null &&response.data!= ""&&response.total!=undefined&&response.total> 0) {if(initFlag) {

$("#Pagination").pagination(

response.total,

{

items_per_page : rows,

num_edge_entries :1,

num_display_entries :8,

callback : getDataList//回调函数

});

initFlag= false;

}

$("#listData").html("");

loadDataList(response.data);

}else{//暂无数据

}

}else{//暂无数据

}

}

});

}functionloadDataList(listdata) {//表头

varhtml="

"+

"

头像"+

"

姓名"+

"

密码"+

"

";

$("#listData").append(html);for(vari= 0; i

varhtml= "

"+

"

"+"getphoto?unid=%22+n.uuid+%22"+""+

"

"+n.username+""+

"

"+n.password+""+

"

";

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

}

}//分页查询结束


版权声明:本文为weixin_36452340原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。