PHP中使用jQuery+Ajax实现分页查询多功能操作

1.首先做主页面Ajax_pag.php

代码如下:



    
        
        Ajax做分页
        
        
        
        
    
    
    
        
关键字:
class="table table-bordered header">
地区代号 地区名称 父级代号
    class="pagination" id="fenye">

2.然后做分页查询JS页面Ajax_pag.js

代码如下:

//ajax分页开始
        var ts = 10;//每页显示的条数
        var page = 1;//当前页
        $(document).ready(function(e) {
            //页面加载数据
            Load();
            //加载分页列表
            Loadlist();
            $("#ck").click(function(){        
        //页面加载数据
        Load();
        //加载分页列表
        Loadlist();        
    })
})                
        
        //加载数据的方法
        function Load(){   
            var gjz = $("#key").val();
                $.ajax({
                        async:false,
                        url:"pagechuli.php",
                        data:{page:page,ts:ts,gjz:gjz},//page是显示的页数;ts是显示的条数
                        type:"POST",
                        dataType:"JSON",                             
                        success: function(data){                                                         
                                    var str ="";                        
                                    for(var k in data)
                                    {
                                    str +=""+data[k][0]+""+data[k][1]+""+data[k][2]+"";
                                    }
                                    $("#list").html(str);//把拼接好的字符串放到要显示的thody里面                                                    
                                }
                            })
                        }   
        //加载分页列表            
        function Loadlist(){
            var str ="";        
            //上一页
            str+="
  • "; //加载列表 for(var i=page-4;i){ //限制条件 if(i>0 && i<=zys()){ //判断当前页 if(i==page){ str+= "
  • "+i+"
  • "; }else{ str+= "
  • "+i+"
  • "; } } } //下一页 str+="
  • "; $("#fenye").html(str); $("#prev").click(function(){ if(page>1){ page--; } //页面加载数据 Load(); //加载分页列表 Loadlist(); }) $(".item").click(function(){ var p = $(this).text();//取到的是字符串,转化为整数 page = parseInt(p); //页面加载数据 Load(); //加载分页列表 Loadlist(); }) $("#next").click(function(){ if(page<zys()){ page++; } //页面加载数据 Load(); //加载分页列表 Loadlist(); }) } //总页数 function zys(){ var zys = 0; $.ajax({ async:false, url:"zyschuli.php", dataType:"TEXT", success:function(data){ zys = Math.ceil(data/ts); } }); return zys; }

    3.最后做分页查询处理页面pagechuli.php

    代码如下:

    php
    $gjz = $_POST["gjz"];
    $page = $_POST["page"];//获取页数显示值
    $ts = $_POST["ts"];//获取每页条数显示值
    
    require_once "./DBDA.class.php";
    $db = new DBDA();
    
    $tj = " 1=1 ";
    if(!empty($_POST["gjz"])){
        $gjz = $_POST["gjz"];
        $tj = " areaname like '%{$gjz}%' or areacode like '%{$gjz}%' or parentareacode like '%{$gjz}%' ";
    }
    
    $tg = ($page-1)*$ts;//每页显示$ts条数据,这里显示的就是当前页的$tg条数据。
    $sql = "select * from chinastates where {$tj} limit {$tg},{$ts}";
    echo $db->JsonQuery($sql,0)

    小插件:总页数的处理页面zyschuli.php

    php
    require_once "./DBDA.class.php";
    $db = new DBDA();
    
    $sql = "select count(*) from chinastates";
    echo $db->StrQuery($sql,0);

    效果如图:PHP中使用jQuery+Ajax实现分页查询多功能操作_第1张图片

    关键字查询:PHP中使用jQuery+Ajax实现分页查询多功能操作_第2张图片

     

    转载于:https://www.cnblogs.com/jly144000/p/7532054.html

    你可能感兴趣的:(PHP中使用jQuery+Ajax实现分页查询多功能操作)