mysql实现layui分页_实现Ajax异步的layui分页

这是一个关于前端开发的代码实现,主要功能是加载人才列表并实现分页。通过AJAX请求从服务器获取人才数据,展示姓名、教育背景、技能、经验和联系方式等关键信息,并使用layui库进行分页展示。当页面加载完成或用户点击分页时,会动态更新人才列表。
摘要由CSDN通过智能技术生成

//加载完成

$(function(){var sherchkey='${positioninfo.name}';

savePosition();//保存修改方法

getPeopleList(1,5,sherchkey);//获取人才列表

//getPageList(); //分页方法

});//自己封装获取数据方法

functiongetPeopleList(crr,lmt,searchKey){//获取人才列表

$.ajax({

url:'${ctx}/recruit/peoplelist',

type:'post',

data:{"curr":crr||1,"pageSize":lmt||5,"searchKey":searchKey

},

dataType:'json',

success:function(res){if(res.success=="success"){

console.log(res);

count=res.data.totalElements;//总记录

curr=res.data.number; //当前页

limit=res.data.size; //每页几个

var rclist=res.data.content;var html='';var len=rclist.length;for (var i=0; i

'

'+rclist[i].name+''+

'

'+rclist[i].edu+''+

'

'+rclist[i].skill+''+

'

'+rclist[i].exp+''+

'

'+rclist[i].add+''+

'

'+rclist[i].tel+''+

'';

html=html+htmlbuf;

}

$("#rcktb").html(html);//调用分页方法

getPageList(count,curr,limit,searchKey);

}else{

layer.alert(res.message);

}

},

error:function(){

layer.msg("网络故障");

}

})

}//自己封装分页方法

functiongetPageList(count,curr,limit,searchKey){//分页方法

layui.use(['laypage', 'layer'], function(){var laypage =layui.laypage

,layer=layui.layer;//完整功能

laypage.render({

elem:'pagefenye',

count: count||0,

theme:'#009587',

limit : limit||3,

limits:[5, 10, 20, 30, 40],

curr : curr||1,

layout: ['count', 'prev', 'page', 'next', 'refresh', 'skip'],

jump:function(obj,first){//debugger;

if(!first){//window.location.href = "?curr="+obj.curr+"&pageSize="+obj.limit+"&enterId="+'${enterId}';

getPeopleList (obj.curr,obj.limit,searchKey);

}

}

});

});

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值