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.pswp.cn/news/530039.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/530039.shtml
英文地址,請注明出處:http://en.pswp.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就不跑了。。。手動…