主页 > 知识库 > ajax翻页效果模仿yii框架自己写的

ajax翻页效果模仿yii框架自己写的

热门标签:Linux服务器 服务器配置 Mysql连接数设置 团购网站 银行业务 电子围栏 阿里云 科大讯飞语音识别系统
复制代码 代码如下:

!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提交实现方法

标签:蚌埠 萍乡 广元 枣庄 江苏 衡水 大理 衢州

巨人网络通讯声明:本文标题《ajax翻页效果模仿yii框架自己写的》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266