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>标题</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 rel="nofollow noopener noreferrer" href="javascript:;" onclick="loadXMLDoc('?p=1')">1</a><a rel="nofollow noopener noreferrer" href="javascript:;" onclick="loadXMLDoc('?p=2')">2</a></div>
</body>
</html>

到此这篇关于ajax翻页效果模仿yii框架自己写的就介绍到这了。一旦立下目标,不达目标绝不罢手,方可成功。更多相关ajax翻页效果模仿yii框架自己写的内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
Bootstrap实现翻页效果

bootstrap table实现点击翻页功能 可记录上下页选中的行

使用Fullpage插件快速开发整屏翻页的页面

CSS3+JavaScript实现翻页幻灯片效果

利用jQuery实现一个简单的表格上下翻页效果