layui 分页ajax,实现Ajax异步的layui分页
页面代码:
姓名学历技能经验住址联系方式
${res}${data}于千万年之中时间的无涯的荒野里…时间的无涯的荒野里…
--%>
js代码
//加载完成
$(function(){
var sherchkey='${positioninfo.name}';
savePosition();//保存修改方法
getPeopleList(1,5,sherchkey);//获取人才列表
// getPageList(); //分页方法
});
//自己封装获取数据方法
function getPeopleList(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
var htmlbuf='
'+
'
'+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("网络故障");
}
})
}
//自己封装分页方法
function getPageList(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);
}
}
});
});
}
后台代码
/**
*
* @param curr
* @param pageSize
* @param searchKey
* @param enterId
* @param model
* @return
*/
@RequestMapping("/peoplelist")
@ResponseBody
public ResultEntity peopleList(@RequestParam(value = "curr", defaultValue = "1") int curr,
@RequestParam(value = "pageSize", defaultValue = "5") int pageSize,String searchKey,Model model){
ResultEntity res = new ResultEntity();
try {
PageUtils pageUtils = new PageUtils(curr, pageSize, "", "");
Page>> list = recruitService.getPeopleList(searchKey, pageUtils);
List> dataList = (List>) list.getData();
PageVo pageVo = new PageVo(list.getCurrentPageNo() - 1, dataList, pageSize, list.getTotalPageCount(),
list.getTotalCount());
pageVo.setNumber(curr);
res.setData(pageVo);
//res.setData(curr);
//res.setData(enterId);
res.setSuccess("success");
res.setMessage("获取成功");
} catch (Exception e) {
e.printStackTrace();
res.setSuccess("false");
res.setMessage("获取失败");
}
return res;
}
layui 分页ajax,实现Ajax异步的layui分页相关推荐
- layui ajax流加载,layui中流加载layui.flow
1.引入layui.css和layui.js 2. html中定义容器 js部分: layui.use('flow', function(){ var $ = layui.jquery; //不用额外 ...
- layui结合mybatis的pagehelper插件的分页通用的方法
总体思路: 1.前台查询的时候将当前页和页大小传到后台 2.后台将当前页,页大小以及数据与数据总数返回前台,前台显示完表格完数据之后显示分页插件. 前台页面: 准备查询条件的表单,与数据表格,分页di ...
- 织梦 ajax 返回,Dede织梦arclist标签+Ajax实现织梦首页分页-叙述织梦
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 有时在做织梦模板的时候需要实现首页分页效果,但是织梦本身首页是不带分页功能的,那如何实现织梦首页分页呢? 用arclist标签+Ajax实现织梦首页分页 ...
- ajax往CJJTable传值,jQuery+ajax怎么样实现动态数据分页
这次给大家带来jQuery+ajax怎么样实现动态数据分页,用jQuery+ajax实现动态数据分页的注意事项有哪些,下面就是实战案例,一起来看一下. 用jQuery实现页码跳转式动态数据分页这个效果 ...
- php mysql ajax 分页_ajax+php+mysql无刷新分页代码(1/2)_PHP教程
ajax+php+mysql无刷新分页代码 ajax+php教程+mysql教程无刷新分页代码 2 3 4投票结果 5 6 7 8 9 function getxmlhttpobject() 10 { ...
- 不用ajax实现动态分页,详解ajax +jtemplate实现动态分页
jtemplate是一个基于JQuery的模板引擎插件,功能非常强大,有了她你就再不用为使用JS绑定数据集而发愁了. 主要思路,复制textarea作为模板,ajax加载json数据,添加模板,绑定数 ...
- paginatorhelper ajax,Bootstrap Paginator+PageHelper实现分页效果_蓝瞳_前端开发者
最近需要做一个分页,找了挺多的前端分页效果,发现Bootstrap Paginator分页插件效果不错,而我页面也是用BootStrap做的响应式页面,就做了实现一个简单的分页效果. PageHelp ...
- html点击按钮获取列表数据传递到页面,随笔:ajax传递数组,layui父子页面传值,下来菜单赋值,父页面数据获取,表格数据替换为字符串...
一.Ajax向后台传递数组问题:(声明前台我使用的layui框架) 例:我们要多前台一个数据表格进行批量删除操作,我们通过复选框选中数据id,将id存入一个数组中,然后利用ajax传递给后台,完成批量 ...
- 利用Ajax实现DataGrid无刷新分页(AjaxGrid)【转】
利用Ajax实现DataGrid无刷新分页(AjaxGrid) DataGrid功能强大,我们只用写几行代码就能够实现复杂的页面数据显示.数据多的时候免不了要分页显示,DataGrdi本身自带分页功能 ...
- AJAX+php实现分页器:分页展示数据
效果图: .html <style>*{margin:0px;padding: 0px;}.pagination{width: 800px;height: 40px;border:1px ...
最新文章
- 大数据的两面性_大数据,多大的数据才是大数据?
- 机器人x展架制作_易拉宝展架设计制作常规尺寸材质有哪些?
- 给Scrum Master的十个建议,你值得拥有((转自scrum中文网))
- ue4 开发动作游戏_【图片】第三人称动作游戏开发日志【虚幻4吧】_百度贴吧
- 怎么判断间隙过渡过盈配合_间隙配合过盈配合过渡配合之间的区别
- UIScrollViewDelegate-代理API详解
- MacBook Air的命令终端如何在root和普通用户之间切换
- [js] 解释下深度优先遍历和广度优先遍历的区别及如何实现
- js遍历数组foreach_JavaScript forEach –如何在JS中遍历数组
- bool类型_C语言编程第11讲——C语言的布尔类型
- @前端工程师,节约网站流量用这一招就够了!
- 两个一样的图像相除会怎么样_【壮凌自动化分析】一种动力电池生产中基于图像运动模糊的速度检测方法...
- pdf文件过大如何缩小?
- Android Studio第一次安装app到夜神模拟器报错
- 团队作业第三次——项目原型设计(追光的人)
- FFmpeg初探——基于FFmpeg的图片合成视频
- 漫步者蓝牙自动断开_情人节礼物 就连宋轶都推荐的高颜值真无线蓝牙耳机
- 路由控制配置apply cost命令解析
- 西门子200SMART(七)交叉引用
- 除了Jira、禅道还有哪些更好的敏捷开发过程管理平台?