使用AJAXRequest进行AJAX应用程序开发文档格式.docx

使用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