成都网站建设设计

将想法与焦点和您一起共享

怎么使用AJAX实现分页

小编给大家分享一下怎么使用AJAX实现分页,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

站在用户的角度思考问题,与客户深入沟通,找到荥经网站设计与荥经网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站设计、做网站、企业官网、英文网站、手机端网站、网站推广、域名注册虚拟主机、企业邮箱。业务覆盖荥经地区。

Fenye.html




  分页


/**
* AJAX
* 1.创建ajax对象
* 2.建立连接
* 3.判断ajax准备状态及状态码
* 4.发送请求
*/
function showList(pageNow){

  //创建ajax对象
  var xmlHttp = new XMLHttpRequest();

  //建立连接
  xmlHttp.open('get','./AJAX_Fenye.php?pageNow='+pageNow);

  //判断ajax准备状态及状态码
  xmlHttp.onreadystatechange = function(){

    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
      //alert(xmlHttp.readyState);
      document.getElementById('result').innerHTML = xmlHttp.responseText;
    }
  }

  //发送请求
  xmlHttp.send(null);
}

//默认显示第1页
window.onload = function(){

  showList(1);
}





  

Fenye.php 





AJAX分页



 $pageCount) {
  $pageNow = $pageCount;
}

//起始位置 每页从第几条数据显示
$pageStart = ($pageNow-1)*$pageSize;

//从哪条开始显示,限制每页显示几条
$sql = "select * from emp limit $pageStart,$pageSize";

//链接数据库
$rs = mysql_query($sql);

//以上php代码可封装调用,参数为pageNow 返回查询到的数据$rs

 ?>

 
   
     ID
     姓名
     邮箱
     等级
   


      {$rows['id']}
      {$rows['name']}
      {$rows['email']}
      {$rows['level']}
     
  ";
}
?>
 
   
   {$i}  ";
       }
   ?>
   
 
 


什么是ajax

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

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


当前文章:怎么使用AJAX实现分页
链接地址:http://chengdu.cdxwcx.cn/article/jjhsoo.html

其他资讯