http://www.corange.cn/archives/2008/10/1852.html
码:var http_request=false;
function send_request(url){//初始化,指定处理函数,发送请求的函数
http_request=false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest){//Mozilla浏览器
http_request=new XMLHttpRequest();
if(http_request.overrideMimeType){//设置MIME类别
http_request.overrideMimeType("text/xml");
}
}
else if(window.ActiveXObject){//IE浏览器
try{
http_request=new ActiveXObject("Msxml2.XMLHttp");
}catch(e){
try{
http_request=new ActiveXobject("Microsoft.XMLHttp");
}catch(e){}
}
}
if(!http_request){//异常,创建对象实例失败
window.alert("创建XMLHttp对象失败!");
return false;
}
http_request.onreadystatechange=processrequest;
//确定发送请求方式,URL,及是否同步执行下段代码
http_request.open("GET",url,true);
http_request.send(null);
}
//处理返回信息的函数
function processrequest(){
if(http_request.readyState==4){//判断对象状态
if(http_request.status==200){//信息已成功返回,开始处理信息
document.getElementById(reobj).innerHTML=http_request.responseText;
}
else{//页面不正常
alert("您所请求的页面不正常!");
}
}
}
function dopage(obj,url){
document.getElementById(obj).innerHTML="正在读取数据...";
send_request(url);
reobj=obj;
}内容我放在一个div中显示,当翻页动作产生时,利用AJAX更新DIV达到翻页效果这是内容显示页面代码:
复制内容到剪贴板
代码:html;charset=GBK");//输出编码,避免中文乱码
?>
html>
ajax分页演示
javascript" src="ajaxpg.js">
mysql_connect("localhost","root","7529639"); //创建数据库连接
mysql_select_db("cr_download"); //选择要操作的数据库
/*
首先咱们要获取数据库中到底有多少数据,才能判断具体要分多少页,具体的公式就是
总数据库除以每页显示的条数,有余进一。
也就是说10/3=3.3333=4 有余数就要进一。
*/
$result=mysql_query("select * from cr_userinfo");
$total=mysql_num_rows($result); //查询所有的数据
$url='test.php';//获取本页URL
//页码计算
$pagenum=ceil($total/$num); //获得总页数,也是最后一页
$page=min($pagenum,$page);//获得首页
$prepg=$page-1;//上一页
$nextpg=($page==$pagenum ? 0 : $page+1);//下一页
$offset=($page-1)*$num; //获取limit的第一个参数的值,假如第一页则为(1-1)*10=0,第二页为(2-1)*10=10。
//开始分页导航条代码:
$pagenav="显示第 ".($total?($offset+1):0)."-".min($offset+10,$total)." 条记录,共 $total 条记录 ";
//如果只有一页则跳出函数:
if($pagenum首页 ";
if($prepg) $pagenav.=" 前页 "; else $pagenav.=" 前页 ";
if($nextpg) $pagenav.=" 后页 "; else $pagenav.=" 后页 ";
$pagenav.=" 尾页 ";
$pagenav.=" 页,共 $pagenum 页";
//假如传入的页数参数大于总页数,则显示错误信息
If($page>$pagenum){
Echo "Error : Can Not Found The page ".$page;
Exit;
}
$info=mysql_query("select * from cr_userinfo limit $offset,$num"); //获取相应页数所需要显示的数据
While($it=mysql_fetch_array($info)){
Echo $it['username'];
echo "
";
} //显示数据
echo"
";
echo $pagenav;//输出分页导航
?>
翻页的关键就在于翻页时调用dopage()函数,接着利用回调信息来更新div中的内容。服务器端核心代码:
复制内容到剪贴板
代码:".($total?($offset+1):0)."-".min($offset+10,$total)." 条记录,共 $total 条记录 ";
//如果只有一页则跳出函数:
if($pagenum首页 ";
if($prepg) $pagenav.=" 前页 "; else $pagenav.=" 前页 ";
if($nextpg) $pagenav.=" 后页 "; else $pagenav.=" 后页 ";
$pagenav.=" 尾页 ";
$pagenav.=" 页,共 $pagenum 页";
//假如传入的页数参数大于总页数,则显示错误信息
If($page>$pagenum){
Echo "Error : Can Not Found The page ".$page;
Exit;
}
$info=mysql_query("select * from cr_userinfo limit $offset,$num"); //获取相应页数所需要显示的数据
While($it=mysql_fetch_array($info)){
Echo $it['username'];
echo "
";
} //显示数据
echo"
";
echo $pagenav;//输出分页导航
?> 怎么样?很好理解吧?这次提供源码下载,大家自己再试试看~~~,最后依然是看看效果图:^_^
附件
1.jpg
(16.71 KB)
2006-12-3 19:42
初始页面
2.jpg
(2.42 KB)
2006-12-3 19:42
开始翻页
3.jpg
(16.46 KB)
2006-12-3 19:42
翻页完成
http://www.corange.cn//uploadfiles/ajaxpage_68513.rar
分享到:
相关推荐
同时,为方便读者参考,本文还会提供一个演示用的demo源码下载链接。 首先,我们来了解Ajax无刷新页面的优点。Ajax技术使得在用户无需重新加载整个页面的情况下,就能从服务器获取并展示数据。这种方式能够显著提升...
"70个流行的AJAX应用的演示和源码"集合可能包含了各种各样的AJAX实现,用于展示其在实际场景中的应用和效果。 首先,AJAX的核心是XMLHttpRequest对象,它是浏览器内置的对象,允许JavaScript与服务器进行异步数据...
总的来说,这个压缩包为开发者提供了一个实用的示例,演示了如何运用Ajax技术实现三级联动和无刷新分页,有助于提高Web应用的交互性和性能。开发者可以通过学习和研究这些源码,进一步提升自己的Ajax编程技能。
总的来说,"Ajax三级联动和无刷新分页源码_myajaxdemo.zip" 是一个完整的前后端交互示例,它演示了如何通过Ajax实现动态数据加载和页面局部更新,提高用户体验,同时展示了在实际项目中如何处理复杂的数据筛选和分页...
- **服务器端接口**:为了演示AJAX,可能还包括一些简单的服务器端脚本,如PHP、Python或Node.js,它们提供AJAX请求可以调用的API。 - **HTML和CSS**:配合AJAX实现的前端界面文件,展示如何与JavaScript交互。 - **...
总结来说,这个"PHP实例开发源码"演示了如何结合PHP、jQuery和AJAX构建一个高性能的无刷新评论系统,它能够有效地处理用户输入,与数据库进行交互,并实时更新前端显示,为用户带来更顺畅的浏览体验。通过学习和理解...
- **定义与特点**:纯 AJAX 分页是一种不依赖于整个页面刷新而仅更新局部内容的技术,通过 JavaScript 向服务器发起异步请求来获取数据,并动态更新网页中的部分内容,从而实现分页效果。这种方式能够提高用户体验,...
MF00884-JQuery+EasyUI后台管理源码是一个基于JQuery和EasyUI框架构建的后台管理系统。这个项目提供了完整的前端界面和可能的后端接口,旨在帮助开发者快速搭建一套功能齐全的企业级管理平台。下面将详细介绍JQuery...
再比如ASP.Net内置的AJAX解决方案UpdatePanel只在部分要求不高的内网项目中才被使用,因此我们在讲解UpdatePanel的使用和原理之外,把更多的时间放在讲解企业中用的最多的JQuery AJAX解决方案上。 6、B/S系统项目(7...
文章还提供了一个分页类`Zend_Pagination`的源码,这个类负责生成实际的分页导航。它包含一系列私有属性,用于存储分页所需的各种信息,如每页显示项目数、总项目数、当前页码、导航栏显示位置等。在构造函数中,...
在提供的压缩文件“php报表开发new.ppt”中,很可能是关于这个主题的PPT演示文稿,可能涵盖以上提到的一些或所有知识点,详细解释了PHP报表开发的步骤、最佳实践和技术细节。通过阅读这份资料,开发者可以更深入地...
- **知识点**: 涵盖了算术运算符、比较运算符、逻辑运算符等多种类型的运算符,并通过示例演示它们的应用场景。 - **学习目标**: 理解并熟练运用各种运算符,提高编程效率。 #### 4. PHP条件语句介绍与应用 - **...
精迅CMS 1.3是在1.2的基础上,根据台州考试网改版需求而升级开发的系统(1.3版以台州考试作为演示站),修复了1.2版存在的一些BUG,具备更高的效率和更强的易用性。 1、增加头条信息标签,列表增加删选规则参数 2...
在提供的代码片段中,演示了如何使用PHP与jQuery结合来实现无刷新分页。首先,PHP脚本处理数据库查询,获取特定页面需要显示的数据,并将其插入到HTML中。然后,jQuery脚本通过AJAX调用一个PHP脚本(article.php),...
**dhtmlxGrid源码详解** dhtmlxGrid是一款强大且功能丰富的JavaScript表格控件,它在Web开发中被广泛使用,特别是在构建交互式数据展示和处理的应用中。这款控件以其灵活性、性能和易用性著称,支持多种数据格式,...
前端开发者可能会使用JavaScript库如jQuery来实现动态加载更多文章或添加交互效果,同时利用AJAX进行异步数据请求,提供更流畅的用户体验。 `simple_page.html` 可能是一个简洁的单页设计,适合用于介绍性页面或...
### ExtJS-Ajax 相关知识点详解 #### 一、ExtJS 概述 ##### 1.1 架构特点 - **定义**: ExtJS 是一个功能强大的客户端 JavaScript 库,用于构建现代化、响应迅速的 Web 应用。它不仅支持 AJAX 技术,还能实现丰富的...
3、图片视频列表页面加载的时候,未加载完毕会显示友好的等待条,非AJAX实现, 4、该主题可以动态抓取优酷土豆网视频缩略图,可以查看演示站点图片地址验证真伪。 5、增加电台功能 6、由于市面上的广告位管理插件均...
产品用户手册及其他文档,请从以下地址下载: http://tech.jooyea.com/download.php 更新内容: 1,优化了前端css,提高了css代码的重用率。 2,在安装文件时,增加了自动修改$siteDomain配置信息。 3,...
- **源码阅读技巧**:提供了如何阅读源码的建议,帮助开发者更好地理解和使用框架。 - **源码调试**:介绍了如何进行源码级别的调试,以便于定位问题。 #### 9. EXT 程序规划入门 - **事前准备**:介绍了开始编写 ...