溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

ajax翻頁效果模仿yii框架如何實現(xiàn)

發(fā)布時間:2021-09-06 17:40:01 來源:億速云 閱讀:99 作者:小新 欄目:web開發(fā)

這篇文章主要介紹了ajax翻頁效果模仿yii框架如何實現(xiàn),具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

<!DOCTYPE html> 
<html> 
<head> 
<title>ajax分頁</title> 
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script> 
function loadXMLDoc($url) 
{ 
var xmlhttp; 
if (window.XMLHttpRequest) 
{// code for IE7+, Firefox, Chrome, Opera, Safari 
xmlhttp=new XMLHttpRequest(); 
} 
else 
{// code for IE6, IE5 
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
xmlhttp.onreadystatechange=function() 
{ 
if (xmlhttp.readyState==4 && xmlhttp.status==200) 
{ 
var $data = $('<div>' + xmlhttp.responseText + '</div>'); 
// alert($("#updateId", $data).html()); 
// document.getElementById("myDiv").innerHTML=xmlhttp.responseText; 
$("#updateId").replaceWith($("#updateId", $data)); 
} 
} 
xmlhttp.open("GET",$url,true); 
xmlhttp.send(); 
} 
</script> 
</head> 


<body> 


<table id="updateId"> 
<tr><td>id</td><td>標題</td><td>時間</td></tr> 
<?php if(isset($_GET['p'])&&$_GET['p'] == 2): ?> 
<tr><td>2</td><td>222</td><td>222</td></tr> 
<tr><td>2</td><td>222</td><td>222</td></tr> 
<?php else: ?> 
<tr><td>1</td><td>111</td><td>111</td></tr> 
<tr><td>1</td><td>111</td><td>111</td></tr> 
<?php endif; ?> 


</table> 
<div><a href="javascript:;" onclick="loadXMLDoc('?p=1')">1</a><a href="javascript:;" onclick="loadXMLDoc('?p=2')">2</a></div> 
</body> 
</html>

感謝你能夠認真閱讀完這篇文章,希望小編分享的“ajax翻頁效果模仿yii框架如何實現(xiàn)”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業(yè)資訊頻道,更多相關知識等著你來學習!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI