ajax实现无刷新分页(php)


Posted in PHP onJuly 18, 2010
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>投票结果</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<script type="text/javascript"> 
function GetXmlHttpObject() 
{ 
var xmlHttp=null; 
try 
{ 
// Firefox, Opera 8.0+, Safari 
xmlHttp=new XMLHttpRequest(); 
} 
catch (e) 
{ 
// Internet Explorer 
try 
{ 
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); 
} 
catch (e) 
{ 
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
} 
return xmlHttp; 
} 
function checkajax(){ 
xmlHttp=GetXmlHttpObject() 
if (xmlHttp==null) 
{ 
alert ("您的浏览器不支持AJAX!"); 
return ; 
}else 
{ 
return xmlHttp; 
} 
} 
function preshow(){ 
ajaxobj = checkajax(); 
var url = "page.php?page=1"; 
ajaxobj.onreadystatechange=stateChanged; 
ajaxobj.open("GET",url,true); 
ajaxobj.send(null); 
} 
function showHint1(str) 
{ 
ajaxobj = checkajax(); 
document.getElementById("msg").innerHTML="正在读取数据……"; 
var url = str; 
ajaxobj.onreadystatechange=stateChanged; 
ajaxobj.open("GET",url,true); 
ajaxobj.send(null); 
} 
function showHint2(str) 
{ 
ajaxobj=checkajax(); 
document.getElementById("msg").innerHTML="正在读取数据……"; 
var url = str; 
ajaxobj.onreadystatechange=stateChanged; 
ajaxobj.open("GET",url,true); 
ajaxobj.send(null); 
} 
function showHint3(str) 
{ 
ajaxobj=checkajax(); 
document.getElementById("msg").innerHTML="正在读取数据……"; 
var url = str; 
ajaxobj.onreadystatechange=stateChanged; 
ajaxobj.open("GET",url,true); 
ajaxobj.send(null); 
} 
function showHint4(str) 
{document.getElementById("msg").style.display="none"; 
ajaxobj=checkajax(); 
document.getElementById("msg").innerHTML="正在读取数据……"; 
var url = str; 
ajaxobj.onreadystatechange=stateChanged; 
ajaxobj.open("GET",url,true); 
ajaxobj.send(null); 
} 
function stateChanged() 
{ 
if (xmlHttp.readyState==4) 
{ 
document.getElementById("message").innerHTML=xmlHttp.responseText; 
} 
} 
</script> 
</head> 
<body onload="preshow()"> 
<div id="wrapper"> 
<h4>用户留言如下:</h4> 
<div id="message"> 
</div> 
</div> 
</body> 
</html>

<?php 
$link = mysql_connect('localhost', 'root', '') or die(mysql_error()); 
mysql_select_db('vote', $link) or die(mysql_error()); 
mysql_query("set names utf8"); 
$num = 3; 
$url = "page.php"; 
$con = "<ul id='msg'>"; 
$page = (isset($_REQUEST['page'])) ? $_REQUEST['page'] : 1; 
$offset = ($page - 1) * $num; 
$result = mysql_query("SELECT COUNT(*) FROM client"); 
$total = mysql_fetch_row($result); 
$total = $total[0]; 
$pagenum = ceil($total / $num); 
$page = min($pagenum, $page); //获得首页 
$prepg = $page - 1; //上一页 
if ($prepg <= 1) 
$prepg = 1; 
$nextpg = ($page == $pagenum ? 1 : $page + 1); //下一页 
//如果只有一页则跳出函数: 
if ($pagenum <= 1) 
return false; 
$sql = "SELECT `name`,`content` FROM `client` LIMIT " . $offset . "," . $num; 
$res = mysql_query($sql); 
while ($content = mysql_fetch_row($res)) { 
$con .= "<li><span>$content[0]:</span>  $content[1]</li>"; 
} 
$con .= "</ul>"; 
$con .= <<< PAGE 
<p id="page"><a href="#" id="first" onclick="showHint1('$url?page=1')">首页</a>|<a href="#" id="pre" onclick="showHint2('$url?page=$prepg')">上一页</a>|<a href="#" id="next" onclick="showHint3('$url?page=$nextpg')">下一页</a>|<a href="#" id="last" onclick="showHint4('$url?page=$pagenum')">尾页</a></p> 
PAGE; 
echo $con; 
?>
PHP 相关文章推荐
PHP 应用程序的安全 -- 不能违反的四条安全规则
Nov 26 PHP
php 归并排序 数组交集
May 10 PHP
PHP基础知识回顾
Aug 16 PHP
一个PHP并发访问实例代码
Sep 06 PHP
解析php中static,const与define的使用区别
Jun 18 PHP
php读取富文本的时p标签会出现红线是怎么回事
May 13 PHP
php目录遍历函数opendir用法实例
Nov 20 PHP
PHP自定义函数获取URL中一级域名的方法
Aug 23 PHP
php版微信开发Token验证失败或请求URL超时问题的解决方法
Sep 23 PHP
PHP实现的简单组词算法示例
Apr 10 PHP
PHP消息队列实现及应用详解【队列处理订单系统和配送系统】
May 20 PHP
PHP与Web页面的交互示例详解二
Aug 04 PHP
php将会员数据导入到ucenter的代码
Jul 18 #PHP
php 无限级数据JSON格式及JS解析
Jul 17 #PHP
php下使用strpos需要注意 === 运算符
Jul 17 #PHP
按上下级层次关系输出内容的PHP代码
Jul 17 #PHP
PHP开发负载均衡指南
Jul 17 #PHP
PHP无敌近乎加密方式!
Jul 17 #PHP
生成ubuntu自动切换壁纸xml文件的php代码
Jul 17 #PHP
You might like
绿山咖啡和蓝山咖啡
2021/03/04 新手入门
迁移PHP版本到PHP7
2015/02/06 PHP
php强制用户转向www域名的方法
2015/06/19 PHP
php基于jquery的ajax技术传递json数据简单实例
2016/04/15 PHP
PHP 出现 http500 错误的解决方法
2021/03/09 PHP
jQuery的三种$()
2009/12/30 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
2013/12/16 Javascript
js使用html()或text()方法获取设置p标签的显示的值
2014/08/01 Javascript
DOM基础教程之使用DOM设置文本框
2015/01/20 Javascript
JS实现CheckBox复选框全选全不选功能
2015/05/06 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
2016/01/06 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
2017/01/23 Javascript
在bootstrap中实现轮播图实例代码
2017/06/11 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
2018/09/14 Javascript
安装多版本Vue-CLI的实现方法
2020/03/24 Javascript
JS删除数组指定值常用方法详解
2020/06/04 Javascript
常见的python正则用法实例讲解
2016/06/21 Python
python+django加载静态网页模板解析
2017/12/12 Python
Python实现将doc转化pdf格式文档的方法
2018/01/19 Python
详解Tensorflow数据读取有三种方式(next_batch)
2018/02/01 Python
Python 解决中文写入Excel时抛异常的问题
2018/05/03 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
利用Python实现Shp格式向GeoJSON的转换方法
2019/07/09 Python
python单例设计模式实现解析
2020/01/07 Python
pytorch读取图像数据转成opencv格式实例
2020/06/02 Python
css3模拟jq点击事件的实例代码
2017/07/06 HTML / CSS
求职者简历中的自我评价
2013/10/20 职场文书
优秀交警事迹材料
2014/01/26 职场文书
小学体育教学反思
2014/01/31 职场文书
舞蹈毕业生的自我评价
2014/03/05 职场文书
周年庆促销方案
2014/03/15 职场文书
《三顾茅庐》教学反思
2014/04/10 职场文书
2015年小学一年级班主任工作总结
2015/05/21 职场文书
Java 语言中Object 类和System 类详解
2021/07/07 Java/Android
MySQL 执行数据库更新update操作的时候数据库卡死了
2022/05/02 MySQL
python如何查找列表中元素的位置
2022/05/30 Python