ajax翻頁效果模仿yii框架自己寫的

來源：懂視網責編：小采時間：2020-11-27 22:52:12

ajax翻頁效果模仿yii框架自己寫的

ajax翻頁效果模仿yii框架自己寫的: 代碼如下:<!DOCTYPE html> <html> <head> <title>ajax分頁</title> <script src=http://code.jquery.com/jquery-1.11.0.min.js></script> <scrip

推薦度：

點擊下載本文 文檔為doc格式

導讀ajax翻頁效果模仿yii框架自己寫的: 代碼如下:<!DOCTYPE html> <html> <head> <title>ajax分頁</title> <script src=http://code.jquery.com/jquery-1.11.0.min.js></script> <scrip

代碼如下:


<!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> 

 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

ajax翻頁效果模仿yii框架自己寫的

ajax翻頁效果模仿yii框架自己寫的: 代碼如下:<!DOCTYPE html> <html> <head> <title>ajax分頁</title> <script src=http://code.jquery.com/jquery-1.11.0.min.js></script> <scrip

推薦度：

點擊下載本文 文檔為doc格式

標簽：效果分頁框架

熱門焦點

ajax翻頁效果模仿yii框架自己寫的

ajax翻頁效果模仿yii框架自己寫的

ajax翻頁效果模仿yii框架自己寫的

最新推薦

猜你喜歡

熱門推薦