易截截图软件、单文件、免安装、纯绿色、仅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


相关文档:

ajax联动菜单 无限区域分级的实现

一:前端js代码,主要负责创建ajax和动态生成区域列表
<script type="text/javascript">
  
   //i始终指向最后一个select
   var i=1;
   //创建XMLHttpRequest对象     
        var XMLHttpReq;
&n ......

由ajax引发的this.Title的改变

最近被这个问题困惑了一段时间
问题的由来是这样的:
在pageload事件中,有一行语句对this.Title赋值: this.Title = dir.name;
由dir的name去动态的生成网页的title
这么做并没有什么问题,但是一旦结合了ajax,问题就出现了
有兴趣的朋友可以尝试一下
在pageload中对this.Title赋值,然后在body中写一个updatepanel ......

AJAX和XMLHTTP原理

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

Ajax中同步与异步区别的直观性说明

ajax.open方法中,第3个参数是设同步或者异步。prototype等js类库一般都默认为异步,即设为true。
先说下同步的
情况下,js会等待请求返回,获取status。不需要onreadystatechange事件处理函数。
而异步则需要
onreadystatechange事件处理,且值为4再正确处理下面的内容
......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号