復(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>標題/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>
您可能感興趣的文章:- Yii2.0 模態(tài)彈出框+ajax提交表單
- Yii2基于Ajax自動獲取表單數(shù)據(jù)的方法
- yii2 modal彈窗之ActiveForm ajax表單異步驗證
- Yii框架結(jié)合sphinx,Ajax實現(xiàn)搜索分頁功能示例
- yii2控制器Controller Ajax操作示例
- Yii基于CActiveForm的Ajax數(shù)據(jù)驗證用法示例
- Yii+upload實現(xiàn)AJAX上傳圖片的方法
- yii2使用ajax返回json的實現(xiàn)方法
- Yii2實現(xiàn)ajax上傳圖片插件用法
- 使用Yii整合的pjax（pushstate+ajax）實現(xiàn)無刷新加載頁面
- Yii使用ajax驗證顯示錯誤messagebox的解決方法
- Yii2表單事件之Ajax提交實現(xiàn)方法
