易截截图软件、单文件、免安装、纯绿色、仅160KB

Ajax的无刷新分页

Ajax的无刷新分页
这里以两个文件进行代码显示一个是ajax分页实现的文件,另一个是分页类文件
文件1.ajax_page.php
<script type="text/javascript" language="javascript">
 function createXMLHttp()
 {
  var browser=navigator.appName; //get the current browser
  if(browser=="Microsoft Internet Explorer")
  {
   xmlHttp=new ActiveXObject("Microsoft.XMLHttp"); //if is IE
  }
  else xmlHttp=new XMLHttpRequest();
 }
 function changePage(url)
 {
  xmlHttp.onreadystatechange=newPage;
  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
 }
 function newPage()
 {
  if(xmlHttp.readyState==4)
  {
   if(xmlHttp.status==200)
   {
    document.getElementById("newPage").innerHTML=xmlHttp.responseText;
   }
  }
 }
 function doPage(url)
 {
  var xmlHttp=false;
  createXMLHttp();
  document.getElementById("newPage").innerHTML="正在读取数据...";
  changePage(url);
 }
</script>
<style type="text/css">
#pageWay{
 background-color:#b5d6e6; background-image:url("tab_19.gif");  width:100%; font-size:15px; padding:5px;
}
span{
 color:red; font-weight:700;
}
.one{
  width:37px; height:15px;
}
.two{
 width:43px; height:15px;
}
img{
 border:0px;
}
</style>
<div id="newPage">
<?php
  include "database.class.php";
  include "page.class.php";
  $db=new database();
  $data_sql="SELECT `exptime`,`realdat`,`predat` from `labrec`";
   $data_res=$db->query($data_sql) or die($db->error());
   $data_nums=$db->num_rows($data_res); //求出总的数据条数
   if($data_nums)
   {
 &nbs


相关文档:

从零开始学习jQuery (六) AJAX快餐

一.摘要
本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍.
本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.
二.前言
Ajax让用户页面丰富起来, 增强了用户体验. 使用Ajax是所有Web开发的必修课. ......

[四天学会ajax]学习ajax教程第一天

Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本文的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱,包括 ......

AJAX和XMLHTTP原理

Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理,我们必须对 XMLHttpRequest有所了解。
XMLHttpRequest是ajax的核心机制,它是在IE5中首先引入的,是一种支持异步请求的技术 ......

ASP.NET Ajax发布时异步刷新失效的问题解决方法

在一个小型项目中,我使用了Ajax Extensions中的UpdatePanel控件,在本地调试运行时好的,可以看到ajax的异步刷新效果,但是当发布到安装了.net framework 3.5 sp1的server 2003上去之后,发现ajax效果没有了,也就是说本来的异步提交变成了非Ajax方式的POST,而且没有报告任何错误。
    对比开发时和运行 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号