使用LayUI實現AJAX分頁
首先去下載layUI
然後在頁面當中載入layUI分頁所需JS,CSS檔案:
注意兩個檔案的先後順序;
前端頁面實現:
後臺檔案public_fun.php實現:
$p = $_REQUEST["curr"];//獲取當前頁 if($pquery("select count(*) from sys_member where 1=1 ".$s_where)-fetchColumn(0);//查詢總條數 $allpage = intval(ceil($rc / $limits)); //計算總共幾頁 $sql="select * from "表名" limit ".(($p-1)*$limits).",".$limits; $datalist = $pd->query($sql)->fetchAll(PDO::FETCH_ASSOC); $arr["list"]=$datalist; //資料集 $arr["allpage"]= $allpage; //總共幾頁 $arr["curr"]= $p; //當前頁 echo json_encode($arr); break;
程式結束;
使用LayUI進行AJAX分頁就是這麼簡單,無需幾行程式碼即可實現;
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/4692/viewspace-2803527/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- layui使用html+servlet+ajax實現登入驗證UIHTMLServlet
- Laravel 使用 layui 分頁過長LaravelUI
- 分頁實現前五後五ajax區域性重新整理方式分頁實現
- 使用 jQuery 實現分頁功能jQuery
- PHP 使用 Redis 實現分頁PHPRedis
- 前端利用ajax實現使用者註冊頁面前端
- 使用ajax實現頁面區域性重新整理
- layui使用者新增實現UI
- js返回頁面頂部的實現(layui)JSUI
- Django python 基於Layui的分頁DjangoPythonUI
- Lavarel Ajax 分頁時 獲取分頁資訊
- ajax實現頁面非同步載入非同步
- 教你如何使用MvcPager實現分頁效果MVC
- 使用MVCPager做AJAX分頁所需要注意的地方MVC
- elementUI實現分頁UI
- layui-tree實現Ajax非同步請求後動態新增節點UI非同步
- 使用延遲關聯實現高效分頁
- jquery寫的ajax分頁外掛jQuery
- ajax 實現微信網頁授權登入網頁
- 分頁功能的實現
- layui 分頁元件 ,重新整理後返回第一頁問題UI元件
- web 實現分頁列印功能Web
- Java實現後端分頁Java後端
- MyBatis實現分頁的方式MyBatis
- 47.DRF實現分頁
- indexdb實現分頁查詢Index
- Django 前端BootCSS 實現分頁Django前端bootCSS
- 自己實現AJAX
- JavaScript Ajax 實現JavaScript
- Spring Boot入門系列(十六)使用pagehelper實現分頁功能Spring Boot
- 分頁實現前臺後臺不同效果,分頁類引入
- layui 資料表格重新載入資料分頁器回到第一頁UI
- uni-app之實現分頁APP
- SpringBoot 整合Mybatis + PageHelper 實現分頁Spring BootMyBatis
- 用AutoLayout實現分頁滾動
- 文章內容分頁功能實現
- Python | 實現pdf檔案分頁Python
- 頁面佈局 layui與 layui的匯入UI