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>标题</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 模态弹出框+ajax提交表单
- Yii2基于Ajax自动获取表单数据的方法
- yii2 modal弹窗之ActiveForm ajax表单异步验证
- Yii框架结合sphinx,Ajax实现搜索分页功能示例
- yii2控制器Controller Ajax操作示例
- Yii基于CActiveForm的Ajax数据验证用法示例
- Yii+upload实现AJAX上传图片的方法
- yii2使用ajax返回json的实现方法
- Yii2实现ajax上传图片插件用法
- 使用Yii整合的pjax（pushstate+ajax）实现无刷新加载页面
- Yii使用ajax验证显示错误messagebox的解决方法
- Yii2表单事件之Ajax提交实现方法
相关文章
一个简单的ASP+AJAX留言本源码下载...2007-06-06
这篇文章主要介绍了Ajax验证用户名是否存在的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-04-04
下面小编就为大家带来一篇快速获取Ajax通信对象的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
这篇文章主要为大家详细介绍了Ajax实现登录案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
在项目中经常用到AJAX调用远程数据，每一次调用，都得写一个ajax方法，这就造成了重复代码过多，可读性也不够强，所以，我一般都是封装起来，需要的时候调用2016-01-01
AJAX 是一种与服务器交换数据的技术，可以在补充在整个页面的情况下更新网页的一部分。接下来通过本文给大家介绍ajax一些常用方法，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-07-07
javascript对XMLHttpRequest异步请求的面向对象封装
对XMLHttpRequest异步请求的面向对象封装,需要的朋友可以参考下。2009-12-12
[红色]Ajax Hacking...2006-11-11
今天小编就为大家分享一篇解决ajax传过来的值后台接收不到的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
ajax技术实现了局部数据的刷新,axios实现了对ajax的封装,axios有的ajax都有,ajax有的axios不一定有,总结一句话就是axios是ajax,ajax不止axios,本文对Axios和Ajax的区别是什么给大家讲解的非常详细,需要的朋友一起看看吧2023-10-10
最新评论