PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)

php  /  管理员 发布于 7年前   187

1.首先做主页面Ajax_pag.php

代码如下：

                                    
      关键字：              
      
        
          
地区代号
          
地区名称
          
父级代号
        
      
      
      
    
    
      
      
         

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;i0 && 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
3.最后做分页查询处理页面pagechuli.php
代码如下：
JsonQuery($sql,0)
小插件：总页数的处理页面zyschuli.php
StrQuery($sql,0);
效果如图：
关键字查询：
以上这篇PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
您可能感兴趣的文章:
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
php+jQuery实现的三级导航栏下拉菜单显示效果
PHP批量删除jQuery操作
PHP jQuery+Ajax结合写批量删除功能
jQuery+PHP+Mysql实现抽奖程序
PHP+jQuery实现滚屏无刷新动态加载数据功能详解
php+mysql+jquery实现简易的检索自动补全提示功能
PHP+JQUERY操作JSON实例
php使用QueryList轻松采集js动态渲染页面方法