精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站开发>ajax教程>正文

使用AJAX技术构建更优秀的Web应用程序


来源: 时间:06-12-27 点击: 点击这里收藏本文


  open方法的第一个参数(见上面表格中的Open函数)指示当前操作为一个GET操作或是POST操作。在进行简单的数据检索时,一般使用GET。当向外传输的数据包大于512字节且操作包括服务器端活动(如插入,更新等)时,一般使用Post。接下来,我们看一下"url"参数。这个参数可以是一个完整的url也可以是一个相对url。在上面例子中,使用的是相对的url。"asyncFlag"参数指示在执行send方法后是否立即处理到来的脚本(这意味着不必等待是否有响应)。最后两个参数分别是"username"和"password",如果"url"中提供这些数据的话。

  另一个重要的方法是send方法,它实际上使用一个消息体发送请求。对于本例而言,它只是发送一个空请求。

[
//实际发送一个空请求
req.send(null);
]

  (三) 属性

属性 描述
onreadystatechange 每当状态改变时激发的事件的事件处理器。其中,readyState对象状态整数含义如下:0=uninitialized1=loading2=loaded3=interactive4=complete
responseText 服务器处理后返回的数据的字符串版本
responseXML 服务器处理后返回的DOM兼容的数据文档对象
status 服务器返回的数字代码,例如404代表"Not Found",200代表"OK"
statusText 伴随着状态代码的字符串信息

  在此,应用程序中使用了onreadystatechange:

//这是事件处理器机制;在本例中,"RequestProcessor"即是事件处理器。
req.onreadystatechange=RequestProcessor;

  对于这个应用程序来说,"RequestProcessor"是客户端的事件处理器。现在,在事件处理器内,使用readyState属性来获得各种状态。值4显示已经完成某种处理。现在,在处理结果前,你应该检查状态或statusText以决定操作成功与否。在这个应用程序中,我是以下面方式实现的:

function RequestProcessor()
{
 //如果readyState处理"Ready"状态
 if(req.readyState == 4)
 {
  //返回的状态代码200意味着一切顺利
  if(req.status == 200)
  {
   //如果responseText不空
   //req.responseText实际上是一个由AJAXServer.aspx的"Response.Write("" + sbXML.ToString() + "");"方法编写的字符串
   if(req.responseText != "")
   {
    populateList(req.responseXML);
   }
   else
   {
    clearSelect(publishedBooks);
   }
  }
 }
 return true;
}

  注意 对象req被声明为一个页面级的变量:

var req = new ActiveXObject("Microsoft.XMLHTTP");


  警告

  请求目的的url必须与客户端脚本处于同一个域中。原因是,XMLHttpRequest对象采用与客户端脚本一致的封装技术。在大多数支持这种功能的浏览器上,拥有存取XMLHttpRequest对象的脚本的页面都需要使用http:协议检索。这意味着,你无法在一个本地硬盘上(file:协议)进行页面测试。

  三、 实际问题

  在AJAX中,如果网络或远程服务器出现中断,会发生什么呢?实际上,存在两个主要问题;默认地,它们并没有在XMLHttpRequest对象中得到解决。这两个主要问题是:

  1.处理延迟:如果网络或远程服务器耗费较多时间,那么这个问题如何与你的AJAX应用程序相联系呢?

  2.响应顺序:潜在地,网络(或服务器)会不断变化。这意味着,响应可能不会以与请求相同的顺序返回。

  为了处理上面这两个问题,程序员必须编写代码来解决这个问题。对于第一个问题,一种可能的方案如下所示:

function callInProgress(xmlhttp) {
 switch ( xmlhttp.readyState ) {
  case 1,2,3:
   return true;
   break;
   //Case 4和0
  default:
   return false;
   break;
 }
}


  现在,在调用send()前,我可以先检查一下是否该对象正处于忙态:

9 7 3 1 2 3 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.