第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

使用LayUI實現(xiàn)AJAX分頁

標(biāo)簽:
PHP JQuery JavaScript

首先去下载layUI
然后在页面当中加载layUI分页所需JS,CSS文件:

<link rel="stylesheet" href="../layui/css/layui.css">
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="../layui/layui.js"></script>


注意两个文件的先后顺序;

前端页面实现:

<script>
toPage(1);    
//初始化分页数据
function toPage(curr) {
        $.ajax({
            type: "post",
            async: false,
            url: "./srv/public_fun.php",    
            //后台数据处理-下面有具体实现
            data: {
                "datatype": "getpage","curr":curr
            },
            success: function (d) {
                var a = eval("("+d+")");
                var html='';
                $.each(a.list,function(i,e){
                    //......此处写回传显示的数据
                });
                $("#list_show").empty().html(html);
                laypage(a);    
            }
        });
}

function laypage(a){
    layui.use(['layer', 'laypage', 'element'], 
    function () {
    var layer = layui.layer, laypage = layui.laypage, element = layui.element();
        laypage({
            cont: 'pageDemo' 
            //分页容器的id, 
            pages: a.allpage 
            //总页数, 
            curr: a.curr, 
            skin: '#5FB878' 
            //自定义选中色值,
            skip: true 
            //开启跳页, 
            jump: function (obj, first) {
                if (!first) {
                    toPage(obj.curr);
                }
            }
        });
    });
}




后台文件public_fun.php实现:

$p = $_REQUEST["curr"];//获取当前页
if($p<1)$p=1;
$limits = 2;//每页显示几条
$rc=$pd->query("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分页就是这么简单,无需几行代码即可实现;

點擊查看更多內(nèi)容
4人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學(xué)

大額優(yōu)惠券免費領(lǐng)

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消