13518219792
网站建设资讯

NEWS

网站建设资讯

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://njwzjz.com/article/piccpe.html

    其他资讯