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 相关文章推荐
5.PHP的其他功能
Oct 09 PHP
PHP 采集程序 常用函数
Dec 18 PHP
php在线代理转向代码
May 05 PHP
解析linux下安装memcacheq(mcq)全过程笔记
Jun 27 PHP
php根据分类合并数组的方法实例详解
Nov 06 PHP
PHP mail()函数使用及配置方法
Jan 14 PHP
PHP学习笔记(一) 简单了解PHP
Aug 04 PHP
在PHP中使用FastCGI解析漏洞及修复方案
Nov 10 PHP
4种PHP异步执行的常用方式
Dec 24 PHP
ThinkPHP框架安全实现分析
Mar 14 PHP
Ajax请求PHP后台接口返回信息的实例代码
Aug 21 PHP
php7连接MySQL实现简易查询程序的方法
Oct 13 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
基于mysql的论坛(5)
2006/10/09 PHP
php加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
ThinkPHP中Session用法详解
2014/11/29 PHP
简单PHP会话(session)说明介绍
2016/08/21 PHP
jquery 插件学习(一)
2012/08/06 Javascript
Javascript开发之三数组对象实例介绍
2012/11/12 Javascript
jquery获取URL中参数解决中文乱码问题的两种方法
2013/12/18 Javascript
js显示动态时间的方法详解
2016/08/20 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
JS中如何实现复选框全选功能
2016/12/19 Javascript
浅谈Vue 初始化性能优化
2017/08/31 Javascript
express如何使用session与cookie的方法
2018/01/30 Javascript
通过webpack引入第三方库的方法
2018/07/20 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
2018/12/12 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
如何利用node.js开发一个生成逐帧动画的小工具
2019/12/01 Javascript
javascript使用Blob对象实现的下载文件操作示例
2020/04/18 Javascript
详解Python中的装饰器、闭包和functools的教程
2015/04/02 Python
Python cookbook(数据结构与算法)实现对不原生支持比较操作的对象排序算法示例
2018/03/15 Python
对python中list的拷贝与numpy的array的拷贝详解
2019/01/29 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
对Python函数设计规范详解
2019/07/19 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
解决pyecharts运行后产生的html文件用浏览器打开空白
2020/03/11 Python
使用python脚本自动生成K8S-YAML的方法示例
2020/07/12 Python
Luxplus瑞典:香水和美容护理折扣
2018/01/28 全球购物
英国领先的维生素和营养补充剂直接供应商:Healthspan
2019/04/22 全球购物
介绍一些UNIX常用简单命令
2014/11/11 面试题
幼师专业求职推荐信
2013/11/08 职场文书
《望洞庭》教学反思
2014/02/16 职场文书
《锄禾》教学反思
2014/04/08 职场文书
中餐厅经理岗位职责
2014/04/11 职场文书
竞选班干部演讲稿600字
2014/08/20 职场文书
2015年语文教师工作总结
2015/05/25 职场文书
卢旺达饭店观后感
2015/06/05 职场文书
中秋节祝酒词
2015/08/12 职场文书