使用AJAX实现分页

(编辑:jimmy 日期: 2025/9/11 浏览:2)

本文实例为大家分享了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"text">
<div id="result">
  <!-- 此处显示信息! -->
</div>
</body>
</html>

Fenye.php 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AJAX分页</title>
</head>
<body>

<"select * from emp limit $pageStart,$pageSize";

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

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

 "green" border="1">
   <tr>
     <th>ID</th>
     <th>姓名</th>
     <th>邮箱</th>
     <th>等级</th>
   </tr>

<"
    <tr>
      <td>{$rows['id']}</td>
      <td>{$rows['name']}</td>
      <td>{$rows['email']}</td>
      <td>{$rows['level']}</td>
     </tr>
  ";
}
"<a href = 'javascript:void(0)' onclick = 'showList($i)'>{$i}</a> &nbsp;";
       }
   ?>
   </td>
 </tr>
 </table>

</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。