主頁(yè) > 知識(shí)庫(kù) > 使用AJAX實(shí)現(xiàn)分頁(yè)

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

熱門標(biāo)簽:上海企業(yè)外呼系統(tǒng)價(jià)錢 電銷機(jī)器人 長(zhǎng)春 地圖標(biāo)注推銷坑人 怎樣在地圖標(biāo)注文字 中國(guó)地圖標(biāo)注不明確情況介紹表 立陶宛地圖標(biāo)注 河間市地圖標(biāo)注app 東平縣地圖標(biāo)注app 大眾點(diǎn)評(píng)400電話怎么申請(qǐng)

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

Fenye.html

!DOCTYPE html>
html>
head>
  title>分頁(yè)/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頁(yè)
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分頁(yè)/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];

//每頁(yè)顯示多少條pageSize
$pageSize = 5;

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

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

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

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

//從哪條開始顯示,限制每頁(yè)顯示幾條
$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
     //分頁(yè)頁(yè)碼 調(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>

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • 用jQuery中的ajax分頁(yè)實(shí)現(xiàn)代碼
  • JQuery+Ajax無(wú)刷新分頁(yè)的實(shí)例代碼
  • jQuery Pagination Ajax分頁(yè)插件(分頁(yè)切換時(shí)無(wú)刷新與延遲)中文翻譯版
  • Ajax讀取數(shù)據(jù)之分頁(yè)顯示篇實(shí)現(xiàn)代碼
  • php,ajax實(shí)現(xiàn)分頁(yè)
  • JS+Ajax+Jquery實(shí)現(xiàn)頁(yè)面無(wú)刷新分頁(yè)以及分組 超強(qiáng)的實(shí)現(xiàn)
  • 使用PHP+JQuery+Ajax分頁(yè)的實(shí)現(xiàn)
  • jQuery DataTables插件自定義Ajax分頁(yè)實(shí)例解析
  • 基于Jquery+Ajax+Json的高效分頁(yè)實(shí)現(xiàn)代碼
  • php+ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)的方法

標(biāo)簽:營(yíng)口 銅川 益陽(yáng) 玉樹 本溪 內(nèi)江 遼寧 四川

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《使用AJAX實(shí)現(xiàn)分頁(yè)》,本文關(guān)鍵詞  使用,AJAX,實(shí)現(xiàn),分頁(yè),使用,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《使用AJAX實(shí)現(xiàn)分頁(yè)》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于使用AJAX實(shí)現(xiàn)分頁(yè)的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章