php使用jQuery+Ajax实现分页查询功能的示例

后端开发|php教程 php使用jQuery+Ajax实现分页查询功能的示例

jQuery+Ajax,查询功能,php

后端开发-php教程

下面小编就为大家带来一篇PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

证书查询系统源码php,vscode如何返回上一个文件,ubuntu 校验和不符,tomcat如何设置分区域锁,sqlite 时间毫秒,怎么做网页设计,服务器要杀毒软件吗,后台图色插件v2.02,前端框架同时用,图爬虫安卓,php map类型,seo教父,易语网站,个人网页.net,简约模板下载,扁平化网站登录页面,asp 管理系统,微信小程序加入购物车lzw

1.首先做主页面Ajax_pag.php

app源码搭建教程,vscode选中相同内容修改,ubuntu目录查看,怎么设置tomcat乱码,requests爬虫效率,php LF,seo优化跟引流的区别,网站后台模板修改用什么软件,wp博客类网站商业模板lzw

代码如下：

相册集源码,vscode 怎么重置窗口,ubuntu字节转换,tomcat在哪配置超时,爬虫地址,php的e框架,海南专业seo代运营,java免费网站源码,古风网页模板源码lzw

Ajax做分页 .header{ margin-top: 20px; }

关键字：

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<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

代码如下：

JsonQuery($sql,0)

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

StrQuery($sql,0);

效果如图： php使用jQuery+Ajax实现分页查询功能的示例

php使用jQuery+Ajax实现分页查询功能的示例

关键字查询：

php使用jQuery+Ajax实现分页查询功能的示例

jqueryajax 查询功能