首页 / AJAX / 使用AJAX实现分页
使用AJAX实现分页
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了使用AJAX实现分页,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2290字,纯文字阅读大概需要4分钟。
内容图文
![使用AJAX实现分页](/upload/InfoBanner/zyjiaocheng/382/890b89ba6d894cddbe9b6afa5cd1b316.jpg)
本文实例为大家分享了AJAX实现分页展示的具体代码,供大家参考,具体内容如下
Fenye.html
<!DOCTYPE html> <html> <head> <title>分页</title> </head> <script type="text/javascript"> /** * 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); } </script> <body> <input type="text"> <div id="result"> <!-- 此处显示信息! --> </div> </body> </html>
Fenye.php
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AJAX分页</title> </head> <body> <?php //以下php代码可封装调用,参数为pageNow //链接数据库 @mysql_connect('localhost','root',''); @mysql_select_db('empmanage'); @mysql_query('set name utf8'); //获取总记录数 $rs = mysql_query('select count(*) from emp'); $rows = mysql_fetch_row($rs); $recordCount = $rows[0]; //每页显示多少条pageSize $pageSize = 5; //总页数 = 总记录/每页显示多少 $pageCount=ceil($recordCount/$pageSize); //获取当前页 三元运算 若不存在pageNow则默认显示第1页 $pageNow = isset($_GET['pageNow'])? $_GET['pageNow']:1; if ($pageNow < 1) { $pageNow = 1; }elseif ($pageNow > $pageCount) { $pageNow = $pageCount; } //起始位置 每页从第几条数据显示 $pageStart = ($pageNow-1)*$pageSize; //从哪条开始显示,限制每页显示几条 $sql = "select * from emp limit $pageStart,$pageSize"; //链接数据库 $rs = mysql_query($sql); //以上php代码可封装调用,参数为pageNow 返回查询到的数据$rs ?> <table bordercolor="green" border="1"> <tr> <th>ID</th> <th>姓名</th> <th>邮箱</th> <th>等级</th> </tr> <?php //循环取出数据 while ($rows = mysql_fetch_assoc($rs)) { echo " <tr> <td>{$rows['id']}</td> <td>{$rows['name']}</td> <td>{$rows['email']}</td> <td>{$rows['level']}</td> </tr> "; } ?> <tr> <td colspan='4'> <?php //分页页码 调用js中的showList()方法 此处$i=$pageNow for ($i=1; $i <= $pageCount; $i++) { echo "<a href = 'javascript:void(0)' onclick = 'showList($i)'>{$i}</a> "; } ?> </td> </tr> </table> </body> </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
内容总结
以上是互联网集市为您收集整理的使用AJAX实现分页全部内容,希望文章能够帮你解决使用AJAX实现分页所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。