怎么使用AJAX實現(xiàn)分頁

小編給大家分享一下怎么使用AJAX實現(xiàn)分頁，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

站在用戶的角度思考問題，與客戶深入溝通，找到滎經(jīng)網(wǎng)站設計與滎經(jīng)網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設計與互聯(lián)網(wǎng)技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站設計、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名注冊、虛擬主機、企業(yè)郵箱。業(yè)務覆蓋滎經(jīng)地區(qū)。

Fenye.html

<!DOCTYPE html>
<html>
<head>
  <title>分頁</title>
</head>
<script type="text/javascript">
/**
* AJAX
* 1.創(chuàng)建ajax對象
* 2.建立連接
* 3.判斷ajax準備狀態(tài)及狀態(tài)碼
* 4.發(fā)送請求
*/
function showList(pageNow){

  //創(chuàng)建ajax對象
  var xmlHttp = new XMLHttpRequest();

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

  //判斷ajax準備狀態(tài)及狀態(tài)碼
  xmlHttp.onreadystatechange = function(){

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

  //發(fā)送請求
  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代碼可封裝調(diào)用，參數(shù)為pageNow


//鏈接數(shù)據(jù)庫
@MySQL_connect('localhost','root','');
@mysql_select_db('empmanage');
@mysql_query('set name utf8');

//獲取總記錄數(shù)
$rs = mysql_query('select count(*) from emp');
$rows = mysql_fetch_row($rs);
$recordCount = $rows[0];

//每頁顯示多少條pageSize
$pageSize = 5;

//總頁數(shù) = 總記錄/每頁顯示多少
$pageCount=ceil($recordCount/$pageSize);

//獲取當前頁 三元運算 若不存在pageNow則默認顯示第1頁
$pageNow = isset($_GET['pageNow'])? $_GET['pageNow']:1;

if ($pageNow < 1) {
  $pageNow = 1;
}elseif ($pageNow > $pageCount) {
  $pageNow = $pageCount;
}

//起始位置 每頁從第幾條數(shù)據(jù)顯示
$pageStart = ($pageNow-1)*$pageSize;

//從哪條開始顯示，限制每頁顯示幾條
$sql = "select * from emp limit $pageStart,$pageSize";

//鏈接數(shù)據(jù)庫
$rs = mysql_query($sql);

//以上php代碼可封裝調(diào)用，參數(shù)為pageNow 返回查詢到的數(shù)據(jù)$rs

 ?>

 <table bordercolor="green" border="1">
   <tr>
     <th>ID</th>
     <th>姓名</th>
     <th>郵箱</th>
     <th>等級</th>
   </tr>

<?php 
//循環(huán)取出數(shù)據(jù)
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
     //分頁頁碼 調(diào)用js中的showList()方法 此處$i=$pageNow
       for ($i=1; $i <= $pageCount; $i++) { 
         echo "<a href = 'javascript:void(0)' onclick = 'showList($i)'>{$i}</a> &nbsp;";
       }
   ?>
   </td>
 </tr>
 </table>

</body>
</html>

什么是ajax

ajax是一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術，可以通過在后臺與服務器進行少量數(shù)據(jù)交換，使網(wǎng)頁實現(xiàn)異步更新。

以上是“怎么使用AJAX實現(xiàn)分頁”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)頁標題：怎么使用AJAX實現(xiàn)分頁
URL地址：http://jinyejixie.com/article0/jjhsoo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設、品牌網(wǎng)站制作、面包屑導航、網(wǎng)站收錄、企業(yè)網(wǎng)站制作、網(wǎng)站建設

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

怎么使用AJAX實現(xiàn)分頁

什么是ajax