页面代码:

人才推荐

姓名学历技能经验住址联系方式

${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分页相关推荐

  1. layui ajax流加载,layui中流加载layui.flow

    1.引入layui.css和layui.js 2. html中定义容器 js部分: layui.use('flow', function(){ var $ = layui.jquery; //不用额外 ...

  2. layui结合mybatis的pagehelper插件的分页通用的方法

    总体思路: 1.前台查询的时候将当前页和页大小传到后台 2.后台将当前页,页大小以及数据与数据总数返回前台,前台显示完表格完数据之后显示分页插件. 前台页面: 准备查询条件的表单,与数据表格,分页di ...

  3. 织梦 ajax 返回,Dede织梦arclist标签+Ajax实现织梦首页分页-叙述织梦

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 有时在做织梦模板的时候需要实现首页分页效果,但是织梦本身首页是不带分页功能的,那如何实现织梦首页分页呢? 用arclist标签+Ajax实现织梦首页分页 ...

  4. ajax往CJJTable传值,jQuery+ajax怎么样实现动态数据分页

    这次给大家带来jQuery+ajax怎么样实现动态数据分页,用jQuery+ajax实现动态数据分页的注意事项有哪些,下面就是实战案例,一起来看一下. 用jQuery实现页码跳转式动态数据分页这个效果 ...

  5. 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 { ...

  6. 不用ajax实现动态分页,详解ajax +jtemplate实现动态分页

    jtemplate是一个基于JQuery的模板引擎插件,功能非常强大,有了她你就再不用为使用JS绑定数据集而发愁了. 主要思路,复制textarea作为模板,ajax加载json数据,添加模板,绑定数 ...

  7. paginatorhelper ajax,Bootstrap Paginator+PageHelper实现分页效果_蓝瞳_前端开发者

    最近需要做一个分页,找了挺多的前端分页效果,发现Bootstrap Paginator分页插件效果不错,而我页面也是用BootStrap做的响应式页面,就做了实现一个简单的分页效果. PageHelp ...

  8. html点击按钮获取列表数据传递到页面,随笔:ajax传递数组,layui父子页面传值,下来菜单赋值,父页面数据获取,表格数据替换为字符串...

    一.Ajax向后台传递数组问题:(声明前台我使用的layui框架) 例:我们要多前台一个数据表格进行批量删除操作,我们通过复选框选中数据id,将id存入一个数组中,然后利用ajax传递给后台,完成批量 ...

  9. 利用Ajax实现DataGrid无刷新分页(AjaxGrid)【转】

    利用Ajax实现DataGrid无刷新分页(AjaxGrid) DataGrid功能强大,我们只用写几行代码就能够实现复杂的页面数据显示.数据多的时候免不了要分页显示,DataGrdi本身自带分页功能 ...

  10. AJAX+php实现分页器:分页展示数据

    效果图: .html <style>*{margin:0px;padding: 0px;}.pagination{width: 800px;height: 40px;border:1px ...

最新文章

  1. 大数据的两面性_大数据,多大的数据才是大数据?
  2. 机器人x展架制作_易拉宝展架设计制作常规尺寸材质有哪些?
  3. 给Scrum Master的十个建议,你值得拥有((转自scrum中文网))
  4. ue4 开发动作游戏_【图片】第三人称动作游戏开发日志【虚幻4吧】_百度贴吧
  5. 怎么判断间隙过渡过盈配合_间隙配合过盈配合过渡配合之间的区别
  6. UIScrollViewDelegate-代理API详解
  7. MacBook Air的命令终端如何在root和普通用户之间切换
  8. [js] 解释下深度优先遍历和广度优先遍历的区别及如何实现
  9. js遍历数组foreach_JavaScript forEach –如何在JS中遍历数组
  10. bool类型_C语言编程第11讲——C语言的布尔类型
  11. @前端工程师,节约网站流量用这一招就够了!
  12. 两个一样的图像相除会怎么样_【壮凌自动化分析】一种动力电池生产中基于图像运动模糊的速度检测方法...
  13. pdf文件过大如何缩小?
  14. Android Studio第一次安装app到夜神模拟器报错
  15. 团队作业第三次——项目原型设计(追光的人)
  16. FFmpeg初探——基于FFmpeg的图片合成视频
  17. 漫步者蓝牙自动断开_情人节礼物 就连宋轶都推荐的高颜值真无线蓝牙耳机
  18. 路由控制配置apply cost命令解析
  19. 西门子200SMART(七)交叉引用
  20. 除了Jira、禅道还有哪些更好的敏捷开发过程管理平台?

热门文章

  1. 云计算到底是怎么玩的?
  2. 程序员为什么想进大厂,看看年终奖你们就知道了
  3. 关于区块链,程序员需要了解什么
  4. 冲压模板自动标注LISP_干货满满!超实用冲压模具资料,加薪必看!
  5. 支持mysql的报表开发工具_你不知道的mysql的3W法,内附超好用的报表工具
  6. 学画画软件app推荐_今日推荐:拍照摄影APP之稀缺软件篇
  7. mysql中的正向工程_Hibernate系列之正向工程
  8. 通过asm动态构造class文件
  9. JFinalOA导出Excel
  10. 大事件后台管理系统开发实战(上)