ajax翻頁效果模仿yii框架自己寫的
更新時(shí)間:2014年03月17日 16:33:18 作者:
這篇文章主要介紹了自己寫的ajax翻頁效果,模仿yii框架,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<!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>時(shí)間</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>
您可能感興趣的文章:
- Yii2.0 模態(tài)彈出框+ajax提交表單
- Yii2基于Ajax自動(dòng)獲取表單數(shù)據(jù)的方法
- yii2 modal彈窗之ActiveForm ajax表單異步驗(yàn)證
- Yii框架結(jié)合sphinx,Ajax實(shí)現(xiàn)搜索分頁功能示例
- yii2控制器Controller Ajax操作示例
- Yii基于CActiveForm的Ajax數(shù)據(jù)驗(yàn)證用法示例
- Yii+upload實(shí)現(xiàn)AJAX上傳圖片的方法
- yii2使用ajax返回json的實(shí)現(xiàn)方法
- Yii2實(shí)現(xiàn)ajax上傳圖片插件用法
- 使用Yii整合的pjax(pushstate+ajax)實(shí)現(xiàn)無刷新加載頁面
- Yii使用ajax驗(yàn)證顯示錯(cuò)誤messagebox的解決方法
- Yii2表單事件之Ajax提交實(shí)現(xiàn)方法
相關(guān)文章
AJAX和三層架構(gòu)實(shí)現(xiàn)分頁功能具體思路及代碼
本文涉及到AJAX和三層架構(gòu)方面的知識,在學(xué)習(xí)分頁的同時(shí)也鞏固了一下它們的相關(guān)知識,適合初學(xué)者的你2013-05-05基于firefox實(shí)現(xiàn)ajax圖片上傳
這篇文章主要介紹了基于firefox實(shí)現(xiàn)ajax圖片上傳,大家都知道在FF下使用ajax是件挺困難的事情,今天給大家介紹的是完美解決這個(gè)問題的方法,小伙伴可以參考下。2015-05-05純javascript的ajax實(shí)現(xiàn)php異步提交表單的簡單實(shí)例
下面小編就為大家?guī)硪黄僯avascript的ajax實(shí)現(xiàn)php異步提交表單的簡單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05Ajax bootstrap美化網(wǎng)頁并實(shí)現(xiàn)頁面的加載刪除與查看詳情
Bootstrap是Twitter推出的一個(gè)開源的用于前端開發(fā)的工具包,Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范,它即是由動(dòng)態(tài)CSS語言Less寫成。下面通過本文給大家介紹Ajax bootstrap美化網(wǎng)頁并實(shí)現(xiàn)頁面的加載刪除與查看詳情,需要的朋友可以參考下2017-03-03ajax實(shí)現(xiàn)服務(wù)器與瀏覽器長連接的功能
這篇文章主要介紹了ajax實(shí)現(xiàn)服務(wù)器與瀏覽器長連接的功能的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-04-04