ajax完美实现两个网页 分页功能的实例代码


Posted in PHP onApril 16, 2013

分页的首页

<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<h1 align="center">武侠小说分页</h>
<br/>
<script src="jquery-1.4.2.min.js"></script>
<script>
var page='';
  function init(page){
  document.getElementById("tables").innerHTML='';
   var xhr;
   if(window.XMLHttpRequest){
 xhr = new XMLHttpRequest();
}else if(window.ActiveXObject){
 xhr =new ActiveXObject("Microsoft.XMLHTTP")
}
var url="fenye.php";
 xhr.open("POST",url,true);
 xhr.onreadystatechange=callback;
 xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 if(page){
 xhr.send("page="+page);
 }
 else {xhr.send("page=1");}
 var content;
 function callback(){
   if(xhr.readyState==4){
     if(xhr.status==200){
      var json =eval('('+xhr.responseText+')');
   //alert(xhr.responseText);
  var fenye=json.str;
 //  alert(fenye);
     document.getElementById('div').innerHTML=fenye;
  content="<th>ID</th><th>名称</th><th>作者</th><th>出版社</th><th>ISBN号</th><th>类型</th><th>价格</th>";
  for(var i=0;i<json.info.length;i++){
  content+="<tr><td>"+json.info[i].id+"</td><td>"+json.info[i].name+"</td><td>"+json.info[i].author+"</td><td>"+json.info[i].publisher+"</td><td>"+json.info[i].isbn+"</td><td>"+json.info[i].type+"</td><td>"+json.info[i].price+"</tr>";
  document.getElementById("tables").innerHTML=content;
  }
    // alert(fenye);
     }
   }
   }
 }</script>


<body onLoad="init()">
 <h3 align="center">jquery实现$.ajax的分页</h3>
<table id="tables" style=" width:500px; height:100px; text-align:center" align="center" border="5" bordercolor="#FF6600">
<th>ID</th><th>名称</th><th>作者</th><th>出版社</th><th>ISBN号</th><th>类型</th><th>价格</th>
</table>
<table align="center" style="margin-top:15px">
 <tr><td>
 <td style="colspan:3;height:20">
 <div id="div" style="position:absolute; left: 447px; top: 218px; width: 411px; height: 22px;"></div>
 </td>
</tr>
</table>
<br />
</body>

 

分页的php精华代码

<?php
    //命令模型层处理数据
  $link=mysql_connect('localhost','root','') or die("失败");
  mysql_select_db('books',$link) or die("连接数据库出错了!");
  //每页显示记录数
  $pagesize = 2;
  //求出总的记录数
  $sql = "select count(*) as total_rows from books";
  $result = mysql_query($sql);
  $total_rows = mysql_fetch_array($result);
  //求总共的页码数
  $pages = ceil($total_rows[0]/$pagesize);
  //当前第几页
  $page = $_POST['page'];
  $strtext = "当前第".$page."页"."总共".$pages."页"."共".$total_rows[0]."记录";
  //var_dump($str);
  //接下来,我要根据当前点击的页码求出对应的数据
  $offset = $pagesize*($page-1);
  $sql = "select * from books limit $offset,$pagesize";
  mysql_query("set names utf8");
        $res=mysql_query($sql);   $rows=array();
  while($row=mysql_fetch_assoc($res)){
    $rows[]=$row;
   }
  $pageInfo = $rows;
  //echo json_encode($pageInfo);
  //var_dump($pageInfo);
  //将获得数据链接,后返回
  $first=1;
  $prev=$page-1;
  $next=$page+1;
  $last=$pages;
  //命令视图层显示数据
      $first_a = "<a onclick='init(".$first.")' href='#'><img src='3.jpg' width='50px;' height='20px;'/></a>";
  if($page>1){
   $prev_a = "<a onclick='init(".$prev.")' href='#'><img src='1.jpg' width='50px;' height='20px;'/></a>";
  }
  if($page<$pages){
   $next_a = "<a onclick='init(".$next.")' href='#'><img src='2.jpg' width='50px;' height='20px;'/></a>";
  }
  $last_a = "<a onclick='init(".$last.")' href='#'><img src='4.jpg' width='50px;' height='20px;'/></a>";
  @$str = $strtext.$first_a.$prev_a.$next_a.$last_a;
  //var_dump($str);
  $info = array('str'=>$str,'info'=>$pageInfo);
  echo json_encode($info);
PHP 相关文章推荐
用php和MySql来与ODBC数据连接
Oct 09 PHP
PHP面向对象编程快速入门
Dec 14 PHP
php数组转成json格式的方法
Mar 09 PHP
php获取Google机器人访问足迹的方法
Apr 15 PHP
PHP实现的限制IP投票程序IP来源分析
May 04 PHP
thinkPHP基于ajax实现的菜单与分页示例
Jul 12 PHP
PHP基于GD库的图像处理方法小结
Sep 27 PHP
使用PHP免费发送定时短信的实例
Oct 24 PHP
php批量删除操作(数据访问)
May 23 PHP
PHP memcache在微信公众平台的应用方法示例
Sep 13 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
Mar 18 PHP
基于Laravel-admin 后台的自定义页面用法详解
Sep 30 PHP
关于Iframe如何跨域访问Cookie和Session的解决方法
Apr 15 #PHP
关于PHP的相似度计算函数:levenshtein的使用介绍
Apr 15 #PHP
关于PHP递归算法和应用方法介绍
Apr 15 #PHP
PHP 读取Postgresql中的数组
Apr 14 #PHP
php简单开启gzip压缩方法(zlib.output_compression)
Apr 13 #PHP
做了CDN获取用户真实IP的函数代码(PHP与Asp设置方式)
Apr 13 #PHP
php检测图片木马多进制编程实践
Apr 11 #PHP
You might like
基于文本的访客签到簿
2006/10/09 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
php简单实现sql防注入的方法
2016/04/22 PHP
joomla实现注册用户添加新字段的方法
2016/05/05 PHP
javascript document.referrer 用法
2009/04/30 Javascript
jQuery前台数据获取实现代码
2011/03/16 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
火狐下table中创建form导致两个table之间出现空白
2013/09/02 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
2014/03/08 Javascript
node.js中的fs.chownSync方法使用说明
2014/12/16 Javascript
jQuery中addClass()方法用法实例
2015/01/05 Javascript
jQuery实现菜单感应鼠标滑动动画效果的方法
2015/02/28 Javascript
JavaScript输出当前时间Unix时间戳的方法
2015/04/06 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
2015/12/04 Javascript
JS组件Bootstrap Table布局详解
2016/05/27 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
去掉vue 中的代码规范检测两种方法(Eslint验证)
2018/03/21 Javascript
如何使用webpack打包一个库library的方法步骤
2019/12/18 Javascript
Python实现LRU算法的2种方法
2015/06/24 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
Python实现通过继承覆盖方法示例
2018/07/02 Python
浅析Python pandas模块输出每行中间省略号问题
2018/07/03 Python
python 字典中文key处理,读取,比较方法
2018/07/06 Python
Python使用装饰器模拟用户登陆验证功能示例
2018/08/24 Python
对Python信号处理模块signal详解
2019/01/09 Python
Python数据类型之Number数字操作实例详解
2019/05/08 Python
Python面向对象之多态原理与用法案例分析
2019/12/30 Python
python字符串替换re.sub()实例解析
2020/02/09 Python
来自世界上最好大学的在线课程:edX
2018/10/16 全球购物
哈萨克斯坦移动和数字技术在线商店:SatelOnline.kz
2020/09/04 全球购物
建筑设计专业求职自我评价
2014/03/02 职场文书
文体活动总结范文
2014/05/05 职场文书
2015年采购员工作总结
2015/04/27 职场文书
小学数学新课改心得体会
2016/01/22 职场文书
pytorch实现ResNet结构的实例代码
2021/05/17 Python
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫