快捷導(dǎo)航

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

更新時間：2014年03月17日 16:33:18 作者：

這篇文章主要介紹了自己寫的ajax翻頁效果，模仿yii框架,需要的朋友可以參考下

 
<!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>標(biāo)題</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> 

您可能感興趣的文章:

相關(guān)文章

一個簡單的ASP+AJAX留言本源碼下載
一個簡單的ASP+AJAX留言本源碼下載...
2007-06-06
Ajax驗證用戶名是否存在的實例代碼
這篇文章主要介紹了Ajax驗證用戶名是否存在的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-04-04
快速獲取Ajax通信對象的方法
下面小編就為大家?guī)硪黄焖佾@取Ajax通信對象的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05
Ajax實現(xiàn)登錄案例
這篇文章主要為大家詳細(xì)介紹了Ajax實現(xiàn)登錄案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
使用對象封裝ajax重復(fù)調(diào)用的方法
在項目中經(jīng)常用到AJAX調(diào)用遠(yuǎn)程數(shù)據(jù)，每一次調(diào)用，都得寫一個ajax方法，這就造成了重復(fù)代碼過多，可讀性也不夠強，所以，我一般都是封裝起來，需要的時候調(diào)用
2016-01-01
$.ajax()常用方法詳解(推薦)
AJAX 是一種與服務(wù)器交換數(shù)據(jù)的技術(shù)，可以在補充在整個頁面的情況下更新網(wǎng)頁的一部分。接下來通過本文給大家介紹ajax一些常用方法，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧
2016-07-07
javascript對XMLHttpRequest異步請求的面向?qū)ο蠓庋b
對XMLHttpRequest異步請求的面向?qū)ο蠓庋b,需要的朋友可以參考下。
2009-12-12
Ajax Hacking
[紅色]Ajax Hacking...
2006-11-11
解決ajax傳過來的值后臺接收不到的問題
今天小編就為大家分享一篇解決ajax傳過來的值后臺接收不到的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
Axios和Ajax的區(qū)別是什么(詳細(xì)介紹)
ajax技術(shù)實現(xiàn)了局部數(shù)據(jù)的刷新,axios實現(xiàn)了對ajax的封裝,axios有的ajax都有,ajax有的axios不一定有,總結(jié)一句話就是axios是ajax,ajax不止axios,本文對Axios和Ajax的區(qū)別是什么給大家講解的非常詳細(xì),需要的朋友一起看看吧
2023-10-10