使用AJAXRequest进行AJAX应用程序开发文档格式.docx
《使用AJAXRequest进行AJAX应用程序开发文档格式.docx》由会员分享，可在线阅读，更多相关《使用AJAXRequest进行AJAX应用程序开发文档格式.docx（12页珍藏版）》请在冰豆网上搜索。
下载AJAXRequest类：
你可以在
要进行AJAX开发，你需要了解JS编程，这是AJAX中J的需要，以及后台编程，这是需要在服务端进行动态处理，DOM用来处理信息，将结果呈现给用户。
而工具方面，文本编辑器可以选择你自己喜欢的，我比较喜欢用EditPlus。
至于测试用的Web服务器，就取决于你所用的后台编程语言了，如ASP或ASP.NET是IIS，PHP可以选择Apache等。
运行ASP的另外一个选择是NetBox，不过NetBox对UTF-8支持不太好，如果不涉及非英文的输出，可以考虑选择这个轻量级的服务器软件。
至于为什么要在本地建立测试服务器而不是直接在浏览器中运行，是因为从一开始就在与服务器相近的环境中开发，可以在以后的开发过程中减少许多莫名的错误。
开始
在之后教程的例子中，我都将以JS代码与XHTML代码分开的方式来书写，其中AJAXRequest类文件ajaxrequest.js放在例子代码的同一目录下。
Hello,World!
按照惯例，以一个“Hello,World!
”来开始。
helloworld.htm
程序代码：
[复制代码到剪贴板]
<
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
htmlxmlns="
//www.w3.org/1999/xhtml"
head>
<
metaname="
author"
content="
xujiwei"
/>
copyright"
description"
hello,world"
title>
/title>
--包含AJAXRequest类文件-->
scripttype="
text/javascript"
src="
ajaxrequest.js"
/script>
--包含页面需要的JS代码-->
helloworld.js"
/head>
body>
--一个按钮，单击调用函数showHello，显示欢迎信息-->
buttononclick="
showHello（）;
显示Hello,World!
/button>
/body>
/html>
在helloworld.htm中，我们在页面上放置了一个button，用于触发showHello函数，显示从服务端获取的信息。
helloworld.js
//创建AJAXRequest对象，以全局变量的方式来保存这个对象，这样在整个页面应用程序中就只需要创建一次AJAXRequest类对象，而不用重复创建。
varajax=newAJAXRequest（）;
/////////////////////////////////////////
//showHello
//描述：
向服务端发送请求并显示返回信息
//参数：
无
//返回：
functionshowHello（）{
//使用get方法向服务端获取文件helloworld.txt的内容，
//并在函数mycallback中进行处理
ajax.get（"
helloworld.txt"
mycallback）;
}
//mycallback
obj-XMLHttpRequest对象，保存服务端返回信息
functionmycallback（obj）{
//用alert来显示服务端返回的内容
//obj.responseText为helloworld.txt的内容
alert（obj.responseText）;
在helloworld.js中，创建了一个全局变量ajax，用于保存一个AJAXRequest对象，如果在有多个函数需要用到AJAXRequest时，就不需要重新创建AJAXRequest类实例，只需要直接使用ajax就行了。
因为AJAXRequest类中具有连接池的特性，因此不会出现在网络延迟较大时后来的请求覆盖前面的请求的情况。
helloworld.txt
helloworld.txt为客户端需要的内容，欢迎信息“Hello,World!
”。
小结
在上面的教程中，我们写了一个小小的AJAX应用程序，用于在客户端用AJAXRequest类从服务端获取一个文本文件，并将它的内容显示出来。
可以看出来，在上面的程序中，我们只是很简单的用了AJAXRequest的get方法，就完成了从服务器获取文件内容的过程。
在接下来的教程中，我们将继续学习AJAXRequest类的使用。
认识了一下AJAXRequest类，并写了一个小小的例子“Hello,World!
”来了解它的使用。
在这篇教程中，我们将详细的了解一下AJAXRequest。
AJAXRequest类的属性和方法可以在AJAXRequest开发者手册中查阅。
AJAXRequest类具有众多的属性和方法，用来快速进行AJAX中常用的操作，我们先来了解AJAXRequest类的属性。
在这篇教程中，我假设已经将AJAXRequest类实例化为ajax。
AJAXRequest类的属性
AJAXRequest类的属性是类实例具有的全局属性，即在使用AJAXRequest类实例进行操作的时候，这些属性是共享的。
通常情况下，这些属性是用来作为调用类方法时不指定某些参数的默认值，具体理解就是，在调用类方法时，如果不指定参数，就以类实例的属性来作为默认值。
url
url属性是在发送请求时，作为默认请求地址。
如果不指定，为空字符串。
content
如果请求方法为POST，content属性存放的就是请求发送的内容。
method
请求的方法。
如果不指定，默认为POST。
async
同步请求还是异步请求，默认为true，即异步请求。
如果设置为false，那就失去了AJAX中A的意义了。
timeout
超时时间。
在某些情况下，可能因为网络的原因，使得AJAX请求不能及时被响应，而用户又不能及时得到通知，这样就影响了用户的正常使用。
为了处理这样的情况，就有必要使用timeout属性，从而在一定时间如果服务器没有响应，就给用户提示，再重新发送请求。
timeout属性的单位为毫秒，1000毫秒为1秒，默认值为3600000，即1小时。
oncomplete
请求正常返回的回调函数。
类实例发送出请求，服务器正常响应时，oncomplete会被触发。
oncomplete带一个参数，类型为XMLHttpRequest对象，可以根据自己的需要进行处理。
ontimeout
请求超时时的回调函数。
当设置了timeout属性并且请求时间超过了设定值的时候，超时处理函数会被触发。
开发者可以在这个函数中对超时的情况进行处理，比如提示用户请求超时，提示再次发送请求等。
回调函数带一个参数，其类型为请求对象类型，保存了超时的请求的请求信息。
onexception
异常处理函数。
在服务器返回状态不为200的时候触发。
如果发送请求时，请求的对象出现不存在，或者对象程序执行错误时，服务器就会返回404或者500这样的状态码，这时，onexception就会代替oncomplete被触发，开发者可以在onexception对异常情况进行处理，并将情况反馈给用户，或者将异常发送到自己的异常处理页面。
同ontimeout一样，onexception也带一个参数，其中保存了发生异常的请求的信息。
回调函数的定义
AJAXRequest类具有3个回调函数，为oncomplete、ontimeout、onexception，分别对应了正常响应、请求超时、请求异常三种情况。
3个回调函数都带了一个参数，但参数类型并不相同，其中oncomplete的为XMLHttpRequest，ontimeout和onexception的为请求信息对象。
请求信息对象的定义为：
v
升级会员 