宜宾网站建设公司

ajax如何实现分页查询功能-创新互联

小编给大家分享一下ajax如何实现分页查询功能，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

网站建设哪家好，找创新互联公司！专注于网页设计、网站建设、微信开发、小程序设计、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了新昌免费建站欢迎大家使用！

ajax分页查询功能的具体代码，具体内容如下

显示的效果如下：

ajax如何实现分页查询功能

ajax如何实现分页查询功能

实现效果的代码如下：

1.fenye.php





无标题文档






.list:hover{ cursor:pointer}
#prev:hover{ cursor:pointer}
#next:hover{ cursor:pointer}







AJAX分页
名称： 查询
    代号   名称              //代表当前页 var page = 1; //每页显示几条 var num = 5; //加载数据 Load(); //加载分页列表 LoadFenYe(); //加载数据的方法 function Load() {  var name = $("#name").val();  $.ajax({   url:"chuli.php",   data:{page:page,num:num,name:name},   type:"POST",   dataType:"JSON",   success: function(data){    var str = "";    for(var k in data)    {     str = str + ""+data[k].code+""+data[k].nno+"";    }    $("#shuju").html(str);   }   }); } //加载分页信息 function LoadFenYe() {  //存储所有分页信息的代码  var s = "";  var name = $("#name").val();  //加载上一页  s = "
  • «
    • ";    //加载列表  var zts = 0;  $.ajax({   async:false,   data:{name:name},   type:"POST",   url:"zongtiaoshu.php",   dataType:"TEXT",   success: function(data){    zts = data;   }  });    //求总页数  var zys = Math.ceil(zts/num);  //为了防止出错  page = parseInt(page);  for( var i=page-2;i0 && i<=zys)   {    if(i==page)    {     s = s+""+i+"";    }    else    {     s = s+"
  • "+i+"
    • ";    }       }  }    //加载下一页  s = s+"
  • »
    • ";    $("#xinxi").html(s);    //给上一页加事件  $("#prev").click(function(){   page = parseInt(page);   if(page>1)   {page--;}      //重新加载数据   Load();   //重新加载分页信息   LoadFenYe();  })  //给下一页加事件  $("#next").click(function(){   page = parseInt(page);   if(page

    2.chuli.php


    jsonquery($sql);

    3.zongtiaoshu.php


    strquery($sql);

    什么是ajax

    ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，可以通过在后台与服务器进行少量数据交换，使网页实现异步更新。

    以上是“ajax如何实现分页查询功能”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！


    新闻标题：ajax如何实现分页查询功能-创新互联
    网页网址：http://ybzwz.com/article/dehjss.html

    其他资讯