springmvc pagination 实现数据分页

pagination 插件下载:https://download.csdn.net/download/weixin_40652498/12313663

    
    
    


    
分页内容(自动替换)
$(function(){ //这是一个非常简单的demo实例,让列表元素分页显示 //回调函数的作用是显示对应分页的列表项内容 //回调函数在用户每次点击分页链接的时候执行 //参数page_index{int整型}表示当前的索引页 var initPagination = function() { //页码加载 var num_entries = 1; //有多少个分页 $.ajax({ url: "selectPageNum", async:false, //同步请求 success: function (size) { num_entries=size; } }); // 创建分页 $("#Pagination").pagination(num_entries, { num_edge_entries: 1, //边缘页数 num_display_entries: 4, //主体页数 callback: pageselectCallback, items_per_page:1 //每页显示1项 }); }(); function pageselectCallback(page_index, jq){ //切换页数 var new_content=" "+ ""; $.ajax({ url: "select", async:false, //同步请求 data: {start: page_index, leng: 10}, success: function (data) { var list = eval("("+data+")"); //返回List 数据 for(var i=0;i"; new_content +=""; new_content +=""; new_content +=""; new_content +=""; new_content +=""; new_content+=" "; } new_content+="
eidenamediddnamedaddress
"+ list[i].ename+""+ list[i].dno.did+""+ list[i].dno.dname+""+ list[i].dno.daddress+""+ " ";+"
"; } }); $("#Searchresult").empty().append(new_content); //装载对应分页的内容 return false; } });

 

你可能感兴趣的:(js)