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;

}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/530039.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Gen系列服务器,新计算、新体验 | 新华三全新HPE Gen10系列服务器响彻“云”端

数字经济时代的数据中心正在加速向云计算融合,用户将面临传统架构与云架构并存的混合IT模式。如何既拥有专有数据中心对数据完全可控以及对关键业务充分优化的优势,又能拥有云计算的灵活弹性?如何有效利旧并满足混合IT架构的需求?…

python 异常处理 变量_Python基础入门:从变量到异常处理

一 . 条件语句1.if-else 语句当if语句后的条件结果表达式为假&#xff0c;则执行else 语句后的代码。如若输入数字非666&#xff0c;则会输出“猜错了&#xff0c;小姐姐现在心里想的为666“2.if 语句支持嵌套hi6 hi>2 执行 if hi>7 6<7 所以无输出hi1 hi<2 执行 p…

web系统四层结构中服务器端,基于.NET平台构建四层B/S结构的动态网站

摘要&#xff1a;Web是基于Internet技术的一种应用层服务,具有后台数据库支持的n层B&#xff0f;S结构已经成为动态Web应用的主流。虽然动态网站开发工作的主要是进行服务器端应用程序的开发,但是B&#xff0f;S结构动态Web的应用要涉及浏览器、Web服务器、服务器端应用程序、数…

收藏功能_微软Edge获得了新的收藏夹菜单、PDF功能等

作为其今年早些时候概述的战略的一部分&#xff0c;微软Edge现在正在向所有Windows 10 PC推出。与经典的Edge不同&#xff0c;Chromium Edge与任何特定的Windows更新无关&#xff0c;但微软又开始为该浏览器进行了一系列令人兴奋的改进。新的Edge基于Chromium&#xff0c;它还带…

服务器LIMIT是什么信号,Postfix添加milter-limit配置方案

[安装环境]操作系统&#xff1a;CentOS 5.6MAT&#xff1a;POSTFIX2.8.4安装之前必须保证POSTFIX能正常收发信如果已经安装过Berkeley Db3以上版本可以不安装新的DB(但是注意引入db.so)[安装步骤]1、milter-limit-0.14.tar.gz及libsnert-1.71.6.tar.gz包的获取方法需要创建一个…

数据存储方式_视频监控系统的数据存储方式的概念及应用

DAS&#xff1a;直连存储&#xff0c;直连式存储与服务器主机之间的连接通常采用SCSI连接&#xff0c;SCSI通道是IO瓶颈;服务器主机SCSI ID资源有限&#xff0c;能够建立的SCSI通道连接有限。无论直连式存储还是服务器主机的扩展&#xff0c;从一台服务器扩展为多台服务器组成的…

ubuntu18 防火墙关闭_Ubuntu 18.04 关闭及开启防火墙

Ubuntu 内建使用 UFW (Uncomplicated Firewall) 作为防火墙管理工具, 一般情况下都会开启防火墙, 但有些特殊情况, 例如测试环境需要关闭防火墙作测试, 或者对网络设定进行除错等。以下是在 Ubuntu 18.04 关闭防火墙的方法。首先检查目前防火墙是否已经开启, 执行以下指令:$ su…

vue从url中获取token并加入到 请求头里_轻流amp;amp;企业微信——获取打卡数据...

企业微信开放了打卡应用的api&#xff0c;功能包括查询打卡数据&#xff0c;能获取到用户、地点、时间、打卡类型等信息&#xff0c;在轻流中可以基于以上数据做一段时间内的迟到/事假等统计&#xff0c;以及更深层数据处理&#xff0c;方便管理。第一步&#xff1a;获取access…

单片机串口通信学号显示_触摸屏与单片机串口通信测试

工业现场在使用触摸屏的时候&#xff0c;与第三方控制器进行通信连接的时候&#xff0c;一般都是使用成熟的通信协议进行通信连接。而这些协议的实现过程&#xff0c;触摸屏厂商也已经在编程环境中进行了封装集成&#xff0c;对于使用的工程师来说&#xff0c;通信的数据交换过…

2020笔记本性价比之王_2020轻薄本性价比之王_2020轻薄本哪款好

随着科技的进步&#xff0c;如今笔记本的功能愈发强大&#xff0c;接听电话、开展商务会议等&#xff0c;因此现在人们对于笔记本电脑的依赖程度愈发明显。厚重的商务本和游戏本显然不适合随身携带&#xff0c;因此轻薄本的出现受到白领们的广泛吹捧&#xff0c;那么2020哪款轻…

scp命令默认传输速度多大_每天一个linux命令(60):scp命令

scp是secure copy的简写&#xff0c;用于在Linux下进行远程拷贝文件的命令&#xff0c;和它类似的命令有cp&#xff0c;不过cp只是在本机进行拷贝不能跨服务器&#xff0c;而且scp传输是加密的。可能会稍微影响一下速度。当你服务器硬盘变为只读 read only system时&#xff0c…

asp绑定gridview属性_如何在ASP.NET Core中自定义Azure Storage File Provider

主题&#xff1a;如何在ASP.NET Core中自定义Azure Storage File Provider作者&#xff1a; Lamond Lu地址: https://www.cnblogs.com/lwqlun/p/10406566.html项目源代码&#xff1a; https://github.com/lamondlu/AzureFileProvider背景ASP.NET Core是一个扩展性非常高的框架…

mysql中为表创建副本_如何为数据库建立一个副本?

展开全部大多情况下&#xff0c;需要可靠而有效地克隆 MySQL 实例e69da5e887aa62616964757a686964616f31333433643663数据。这包括 MySQL 高可用的解决方案&#xff0c;其中需要在将实例加入组复制集群之前配置实例&#xff0c;或者在经典复制模型中将其添加为 Slave。为复制拓…

mysql考勤系统设计函数_Mysql实战之员工考勤系统数据库建立

一、项目背景随着企业的规模不断扩大&#xff0c;企业人事管理的日趋复杂和企业人员的增多&#xff0c;迫切需要开发基于网络的员工考勤管理系统来提高管理工作的效率。二、研究目的以中小型企业的考勤管理业务为依托&#xff0c;结合科学管理的理论&#xff0c;设计并开发一个…

linux mysql 修改字符集_linux下mysql修改字符集,远程连接

安装时候很简单&#xff0c;但是安装了后一般不能用安装后 首先执行mysql -u root mysql这是就会进入mysql命令窗口&#xff0c;这样是可以使用的&#xff0c;但是我们要先设置密码1、先设置密码UPDATE user SET PasswordPASSWORD(123456) where USERroot;2、重新设置一遍密码&…

mysql授权远程访问命令_mysql 授权远程连接

解决方案改表法可能是你的帐号不允许从远程登陆&#xff0c;只能在localhost。这个时候只要在localhost的那台电脑&#xff0c;登入mysql后&#xff0c;更改 "mysql" 数据库里的 "user" 表里的 "host" 项&#xff0c;从"localhost"改称…

MySQL根据员工姓名所在部门_用一条SQL语句显示所有人员的姓名及所在部门

给定以下两个表&#xff1a;部门ID部门名称1部门12部门23部门34部门4人员ID人员姓名部门ID1姓名112姓名213姓名324姓名435姓名55(1)用一条SQL语句显示所有人员的姓名及所在部门&#xff0c;没有部门的用“...给定以下两个表&#xff1a;部门ID 部门名称1 部门12 部门23 部门34 …

mysql begin operations_MySQL入门(七):More JOIN operations

Sqlzoo习题练习&#xff1a;More JOIN operations下面会涉及到更多连接的概念。数据库由三个表组成&#xff1a;movie , actor 和 casting以及三个表之间的关系。下面为More JOIN 习题内容&#xff1a;--#1/*List the films where the yr is 1962 [Show id, title]*/SELECT id,…

win10安装mysql5.7.15_win10上如何安装mysql5.7.16(解压缩版)

注&#xff1a;本文涉及的是解压缩版的安装安装教程下载mysql解压缩下载的文件修改ini文件(在解压缩后的mysql文件夹中)实际上修改的是my-default.ini文件在文件中添加如下路径和地址其中的data文件夹是没有的必须自己创建。# These are commonly set, remove the # and set as…

mysql error log清理_手动删除mysql日志/var/log/mysql/error.log导致的mysql无法启动

问题环境ubuntu-mate for raspberrymysql默认配置问题起源最近在搞fail2ban这东西&#xff0c;顺便翻了翻各种日志&#xff0c;然后看见mysql的日志有点多就想清理一下&#xff0c;于是直接sudo rm -r /var/log/mysql了一下&#xff0c;结果重启之后发现mysql就不跑了。。。手动…