php ajax無(wú)刷新分頁(yè),支持id定位
<?php
Header("Content-Type:text/html; charset=utf-8");
function AjaxPage($Total,$ListNub,$CurrentPage,$Url,$AjaxAction,$HalfPer='',$ViewId='')
{
//計(jì)算總頁(yè)數(shù)
$totalPage = @ceil($Total/$ListNub);
$total=$totalPage-1;
$re="";
//echo $CurrentPage;
$re .= ( $CurrentPage > 0 )
?
"<td><a
href=\"javascript:$AjaxAction('$Url=0','$ViewId')\"\">首頁(yè)</a></td>\n<td><a
href=\"javascript:$AjaxAction('".$Url."=".($CurrentPage-1)."','$ViewId')\"\">上一頁(yè)</a></td>\n"
:
"<td>首頁(yè)</td>\n<td>上一頁(yè)</td>\n";
for ( $i =
$CurrentPage - $HalfPer,$i > 0 || $i = 0 , $j =
$CurrentPage + $HalfPer, $j < $totalPage || $j = $totalPage;$i < $j ;$i++
)
{
$re .= $i == $CurrentPage
?
"<td><b class=currentPage>[" . ( $i + 1 ) .
"]</b></td>\n"
: "<td><a
href=\"javascript:$AjaxAction('$Url=$i','$ViewId')\">" . ( $i + 1 ) .
"</a></td>\n";
}
$re .= ( $CurrentPage < $total
)
? "<td><a
href=\"javascript:$AjaxAction('".$Url."=".($CurrentPage+1)."','$ViewId')\"\">下一頁(yè)</a></td>\n<td><a
href=\"javascript:$AjaxAction('".$Url."=".($total)."','$ViewId')\"\">尾頁(yè)</a>\n</td>"
:
"<td>下一頁(yè)</td>\n<td>尾頁(yè)</td>\n";
$re="<table
style=text-align:center><tr>$re</tr></table>";
return
$re;
}
//總頁(yè)數(shù),傳遞的頁(yè)面變量-當(dāng)前頁(yè) url地址 前后各多少頁(yè)
$page = $_GET['page'];
//echo
page('10',$page,'index.php?page','2');
?>
<div id="nike">
<?php
echo
AjaxPage(200,20,$page,'rand.php?page','ajaxaction','2','nike');
?>
</div>
<script type="text/javascript" language="javascript">
var
http_request = false;
function send_request(url,htmlid) {
http_request =
false;
if (window.XMLHttpRequest) {
http_request = new
XMLHttpRequest();
if (http_request.overrideMimeType)
{
http_request.overrideMimeType('text/xml');
}
}
else if (window.ActiveXObject) {
try
{
http_request = new
ActiveXObject("Msxml2.XMLHTTP");
} catch (e)
{
try {
http_request = new
ActiveXObject("Microsoft.XMLHTTP");
} catch (e)
{}
}
}
if (!http_request)
{
alert('不能創(chuàng)建 XMLHttpRequest 對(duì)象!');
return
false;
}
http_request.onreadystatechange = function
(){likeakak(htmlid);}//processRequest(htmlid)
http_request.open('GET',
url, true);
http_request.send(null);
}
//處理返回信息
function processRequest(htmlid) {
if
(http_request.readyState == 1)
{
document.getElementById(htmlid).innerHTML="下載中...";
}
if
(http_request.readyState == 4) {
if (http_request.status == 200)
{
document.getElementById(htmlid).innerHTML=http_request.responseText;
}
else
{
alert('請(qǐng)求異常');
}
}
}
//處理返回信息
function
likeakak(htmlid)
{
if (http_request.readyState == 1)
{
document.getElementById(htmlid).innerHTML="下載中...";
}
if
(http_request.readyState == 4) {
if (http_request.status == 200)
{
document.getElementById(htmlid).innerHTML=http_request.responseText;
}
else
{
alert('請(qǐng)求異常');
}
}
}
function
ajaxaction(url,viewid)
{
send_request(url,viewid);
}
//自定義調(diào)用函數(shù)
function elist(id)
{
var inputarray = new
Array();
inputarray[1] = 'aaa';
inputarray[2] =
'bbb';
inputarray[3] = 'ccc';
inputarray[4] =
'ddd';
inputarray[5] = 'eee';
send_request('ajax.php?do=ajax&sort='+id,inputarray[id]);
}
</script>
- php+ajax實(shí)現(xiàn)無(wú)刷新動(dòng)態(tài)加載數(shù)據(jù)技術(shù)
- php+html5實(shí)現(xiàn)無(wú)刷新圖片上傳教程
- PHP+ajax 無(wú)刷新刪除數(shù)據(jù)
- php+ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)的方法
- AJAX PHP無(wú)刷新form表單提交的簡(jiǎn)單實(shí)現(xiàn)(推薦)
- PHP+AJAX實(shí)現(xiàn)無(wú)刷新注冊(cè)(帶用戶名實(shí)時(shí)檢測(cè))
- PHP Ajax實(shí)現(xiàn)頁(yè)面無(wú)刷新發(fā)表評(píng)論
- PHP Ajax實(shí)現(xiàn)頁(yè)面無(wú)刷新發(fā)表評(píng)論
- ajax實(shí)現(xiàn)無(wú)刷新分頁(yè)(php)
- PHP+Ajax無(wú)刷新帶進(jìn)度條圖片上傳示例
- php的無(wú)刷新操作實(shí)現(xiàn)方法分析
相關(guān)文章
基于HTML5 Ajax實(shí)現(xiàn)文件上傳并顯示進(jìn)度條
這篇文章主要介紹了基于HTML5 Ajax實(shí)現(xiàn)文件上傳并顯示進(jìn)度條的相關(guān)資料,需要的朋友可以參考下2016-02-02
AJAX和WebService實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)具體代碼
AJAX和WebService實(shí)現(xiàn)省市縣三級(jí)聯(lián)動(dòng)效果,在瀏覽網(wǎng)頁(yè)的時(shí)候經(jīng)常會(huì)遇到過(guò),下面與大家分享下具體的實(shí)現(xiàn)步驟2013-05-05
AJAX原理以及axios、fetch區(qū)別實(shí)例詳解
前端是個(gè)發(fā)展迅速的領(lǐng)域,前端請(qǐng)求自然也發(fā)展迅速,從原生的XHR到j(luò)query ajax,再到現(xiàn)在的axios和fetch,下面這篇文章主要給大家介紹了關(guān)于AJAX原理以及axios、fetch區(qū)別的相關(guān)資料,需要的朋友可以參考下2022-04-04
JavaScript操作表單_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
用JavaScript操作表單和操作DOM是類(lèi)似的,因?yàn)楸韱伪旧硪彩荄OM樹(shù)。下面通過(guò)本文給大家介紹JavaScript操作表單的相關(guān)知識(shí),感興趣的朋友一起看看吧2017-06-06
ajax實(shí)現(xiàn)session不過(guò)期(避免頁(yè)面過(guò)期的現(xiàn)象)
在寫(xiě)博客時(shí)要寫(xiě)好長(zhǎng)時(shí)間但沒(méi)有出現(xiàn)這種情況并且有實(shí)時(shí)的自動(dòng)保存;這就涉及到了session的過(guò)期時(shí)間問(wèn)題,下面與大家分享下具體的實(shí)現(xiàn)方法2013-06-06
jquery ajax實(shí)現(xiàn)文件上傳功能實(shí)例代碼
這篇文章主要介紹了jquery ajax實(shí)現(xiàn)文件拖拽上傳功能的實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-04-04
Ajax讀取數(shù)據(jù)到表格的實(shí)現(xiàn)代碼
前兩篇我們講了"ajax開(kāi)始的準(zhǔn)備"與及如何使用ajax技術(shù)進(jìn)行簡(jiǎn)單的數(shù)據(jù)讀?。裉煳覀円v的是:使用Ajax無(wú)刷新技術(shù)讀取服務(wù)端多條數(shù)據(jù),并將返回的數(shù)據(jù)顯示到一個(gè)表格內(nèi).2010-08-08
Spring MVC+ajax進(jìn)行信息驗(yàn)證的方法
AJAX 不是新的編程語(yǔ)言,而是一種使用現(xiàn)有標(biāo)準(zhǔn)的新方法。這篇文章主要介紹了Spring MVC+ajax進(jìn)行信息驗(yàn)證,需要的朋友可以參考下2019-09-09

