使用AJAX實(shí)現(xiàn)分頁

來源：懂視網(wǎng) 責(zé)編：小OO 時(shí)間：2020-11-27 22:51:45

使用AJAX實(shí)現(xiàn)分頁

本文實(shí)例為大家分享了AJAX實(shí)現(xiàn)分頁展示的具體代碼，供大家參考，具體內(nèi)容如下：Fenye.html。<。-- 此處顯示信息。-->；<；/div>；<；/body>；<；/html>Fenye.php 。

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀本文實(shí)例為大家分享了AJAX實(shí)現(xiàn)分頁展示的具體代碼，供大家參考，具體內(nèi)容如下：Fenye.html。<。-- 此處顯示信息。-->；<；/div>；<；/body>；<；/html>Fenye.php 。

本文實(shí)例為大家分享了AJAX實(shí)現(xiàn)分頁展示的具體代碼，供大家參考，具體內(nèi)容如下

Fenye.html

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

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

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

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

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

 //發(fā)送請(qǐng)求
 xmlHttp.send(null);
}

//默認(rèn)顯示第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ù)庫(kù)
@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);

//獲取當(dāng)前頁 三元運(yùn)算 若不存在pageNow則默認(rèn)顯示第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ù)庫(kù)
$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>等級(jí)</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>  ";
 }
 ?>
 </td>
 </tr>
 </table>

</body>
</html>

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

使用AJAX實(shí)現(xiàn)分頁

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：實(shí)現(xiàn) 分頁 ajax

熱門焦點(diǎn)

做爰高潮a片〈毛片〉,尤物av天堂一区二区在线观看,一本久久A久久精品VR综合,添女人荫蒂全部过程av

使用AJAX實(shí)現(xiàn)分頁

使用AJAX實(shí)現(xiàn)分頁

使用AJAX實(shí)現(xiàn)分頁

最新推薦

猜你喜歡

熱門推薦