Ajax無(wú)刷新分頁(yè)效果,如下代碼實(shí)現(xiàn)
!doctype html>
html lang="en">
head>
meta charset="UTF-8">
title>Ajax無(wú)刷新分頁(yè)效果/title>
script type="text/javascript">
function showpage(url) {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
document.getElementById("result").innerHTML = xhr.responseText;
}
}
xhr.open('get',url);
xhr.send(null);
}
window.onload = function () {
showpage('page.php');
}
/script>
/head>
body>
h2 style="text-align: center">Ajax無(wú)刷新分頁(yè)效果/h2>
div id="result">/div>
/body>
/html>
網(wǎng)上找的分頁(yè)代碼,親測(cè)可用~
/*
* Created on 2011-07-28
* Author : LKK , http://lianq.net
* 使用方法:
require_once('mypage.php');
$result=mysql_query("select * from mytable", $myconn);
$total=mysql_num_rows($result); //取得信息總數(shù)
pageDivide($total,10); //調(diào)用分頁(yè)函數(shù)
//數(shù)據(jù)庫(kù)操作
$result=mysql_query("select * from mytable limit $sqlfirst,$shownu", $myconn);
while($row=mysql_fetch_array($result)){
...您的操作
}
echo $pagecon; //輸出分頁(yè)導(dǎo)航內(nèi)容
*/
//if(!function_exists("pageDivide")){
#$total 信息總數(shù)
#$shownu 顯示數(shù)量,默認(rèn)20
#$url 本頁(yè)鏈接
function pageDivide($total,$shownu=20,$url=''){
#$page 當(dāng)前頁(yè)碼
#$sqlfirst mysql數(shù)據(jù)庫(kù)起始項(xiàng)
#$pagecon 分頁(yè)導(dǎo)航內(nèi)容
global $page,$sqlfirst,$pagecon,$_SERVER;
$GLOBALS["shownu"]=$shownu;
if(isset($_GET['page'])){
$page=$_GET['page'];
}else $page=1;
#如果$url使用默認(rèn),即空值,則賦值為本頁(yè)URL
if(!$url){ $url=$_SERVER["REQUEST_URI"];}
#URL分析
$parse_url=parse_url($url);
@$url_query=$parse_url["query"]; //取出在問(wèn)號(hào)?之后內(nèi)容
if($url_query){
$url_query=preg_replace("/(?)(page=$page)/","",$url_query);
$url = str_replace($parse_url["query"],$url_query,$url);
if($url_query){
$url .= "page";
}else $url .= "page";
}else $url .= "?page";
#頁(yè)碼計(jì)算
$lastpg=ceil($total/$shownu); //最后頁(yè),總頁(yè)數(shù)
$page=min($lastpg,$page);
$prepg=$page-1; //上一頁(yè)
$nextpg=($page==$lastpg ? 0 : $page+1); //下一頁(yè)
$sqlfirst=($page-1)*$shownu;
#開(kāi)始分頁(yè)導(dǎo)航內(nèi)容
$pagecon = "顯示第 ".($total?($sqlfirst+1):0)."-".min($sqlfirst+$shownu,$total)." 條記錄,共 B>$total/B> 條記錄";
if($lastpg=1) return false; //如果只有一頁(yè)則跳出
// if($page!=1) $pagecon .=" a href='$url=1'>首頁(yè)/a> "; else $pagecon .=" 首頁(yè) ";
// if($prepg) $pagecon .=" a href='$url=$prepg'>前頁(yè)/a> "; else $pagecon .=" 前頁(yè) ";
// if($nextpg) $pagecon .=" a href='$url=$nextpg'>后頁(yè)/a> "; else $pagecon .=" 后頁(yè) ";
// if($page!=$lastpg) $pagecon.=" a href='$url=$lastpg'>尾頁(yè)/a> "; else $pagecon .=" 尾頁(yè) ";
if($page!=1) $pagecon .=" a href='javascript:showpage(\"$url=1\")'>首頁(yè)/a> "; else $pagecon .=" 首頁(yè) ";
if($prepg) $pagecon .=" a href= 'javascript:showpage(\"$url=$prepg\")'>前頁(yè)/a> "; else $pagecon .=" 前頁(yè) ";
if($nextpg) $pagecon .=" a href= 'javascript:showpage(\"$url=$nextpg\")'>后頁(yè)/a> "; else $pagecon .=" 后頁(yè) ";
if($page!=$lastpg) $pagecon.=" a href= 'javascript:showpage(\"$url=$lastpg\")'>尾頁(yè)/a> "; else $pagecon .=" 尾頁(yè) ";
#下拉跳轉(zhuǎn)列表,循環(huán)列出所有頁(yè)碼
// $pagecon .=" 到第 select name='topage' size='1' onchange='window.location=\"$url=\"+this.value'>\n";
$pagecon .=" 到第 select name='topage' size='1' onchange='showpage(\"$url=\"+this.value)'>\n";
for($i=1;$i=$lastpg;$i++){
if($i==$page) $pagecon .="option value='$i' selected>$i/option>\n";
else $pagecon .="option value='$i'>$i/option>\n";
}
$pagecon .="/select> 頁(yè),共 $lastpg 頁(yè)";
return $page;
}
//}else die('pageDivide()同名函數(shù)已經(jīng)存在!');
以下是我自己做的一個(gè)簡(jiǎn)單分頁(yè)展示
?php
header("Content-type:text/html; charset=utf-8");
$link = mysqli_connect('localhost','root','123','good');
if (!$link)
{
die("連接錯(cuò)誤: " . mysqli_connect_error());
}
$sql = "SELECT * FROM ecs_category";
$qry = mysqli_query($link,$sql);
$total = mysqli_num_rows($qry);
$per = 10;
$page = pageDivide($total,$per);
$sql = "SELECT cat_id,cat_name FROM category limit $sqlfirst,$shownu";
$result = mysqli_query($link,$sql);
//$goods = mysqli_fetch_all($result,MYSQLI_ASSOC);
//mysqli_free_result($result);
echo eof
style type="text/css">
table{width:500px;margin:auto;border: 1px solid black; border-collapse:collapse;text-align:center;}
td{border: 1px solid black;}
/style>
table>
tr>td>序號(hào)/td>td>商品編號(hào)/td>td>商品類(lèi)型/td>/tr>
eof;
$num = ($page - 1) * $per;
// foreach ($goods as $k => $v) {
while($goods = mysqli_fetch_assoc($result)){
echo "tr>";
echo "td>".++$num."/td>";
echo "td>$goods[cat_id]/td>";
echo "td>$goods[cat_name]/td>";
echo "/tr>";
}
echo "tr>td colspan='3'>$pagecon/td>/tr>";
echo "/table>";

頁(yè)面是不刷新跳轉(zhuǎn)的,URL不會(huì)變,可以看到網(wǎng)站的數(shù)據(jù)交互

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:- JQuery+Ajax無(wú)刷新分頁(yè)的實(shí)例代碼
- jQuery Pagination Ajax分頁(yè)插件(分頁(yè)切換時(shí)無(wú)刷新與延遲)中文翻譯版
- JS+Ajax+Jquery實(shí)現(xiàn)頁(yè)面無(wú)刷新分頁(yè)以及分組 超強(qiáng)的實(shí)現(xiàn)
- php+ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)的方法
- AspNetAjaxPager,Asp.Net通用無(wú)刷新Ajax分頁(yè)控件,支持多樣式多數(shù)據(jù)綁定
- ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)(php)
- php ajax無(wú)刷新分頁(yè),支持id定位
- 用AJAX實(shí)現(xiàn)的無(wú)刷新的分頁(yè)實(shí)現(xiàn)代碼(asp.net)
- 在Thinkphp中使用ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)的方法
- php+ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)