自己写的ajax翻页效果,模仿yii框架
来源:互联网 发布:法兰克宏程序编程入门 编辑:程序博客网 时间:2024/05/21 06:28
<!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>
<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>
0 0
- 自己写的ajax翻页效果,模仿yii框架
- Yii 框架 ajax的使用
- 最近自己用asp+ajax写的仿clickeye效果
- 实现Ajax翻页效果
- 自己写 伪单例 模仿的样式
- WebHL(模仿QQ写的Ajax程序)
- 模仿ajax写的简单实现
- iOS UIPageViewController模仿真实翻页效果
- 自定义HorizontalScrollView模仿RadioGroup+Fragment+Viewpager的翻页与点击效果,效果完全一样
- Yii 框架创建自己的 web 应用
- Yii 框架创建自己的 web 应用
- yii框架ajax分页的使用
- yii框架ajax上传
- 用纯CSS写的图片切换,翻页效果..
- 写了一个android带动画翻页效果的程序
- 纯css写的仿真图书翻页效果
- 自己写的模仿google动态提示下拉
- 模仿Hibernate自己写的一个简单MyHibernate
- 如何实现设置页面顶部添加导航栏,以及自定义风格
- 胖子伤不起
- (jenkins)hudson平台搭建android项目持续化集成以及基于NativeDriver的UI自动化测试环境
- CSS的倡导者:学习CSS的10大理由
- data guard 主库 检测脚本
- 自己写的ajax翻页效果,模仿yii框架
- 尊重原创,请保证您的文章为原创作品
- preempt_enable 和 preempt_disable
- Balloon.2.7 —— UI组件之日期(基于My97封装)
- 微型真空泵、气泵调节流量的方法——电控详解
- mysql修改表、字段、库的字符集
- Android图形用户界面开发之ViewTree和DecorView详细介绍
- 构造函数 C#
- 最奇葩的散热翻山AMD神器