在前两篇文章中分别介绍了Flex与.NET的WebService之间的数据交互通信知识，本文将介绍另外一种加载数据以及发起请求的方式。ActionScript 3.0中提供的数据加载请求类主要是HTTPService,URLLoader和URLRequest，可以通过他们协同来完成数据加载和请求。下面我么便来看看这三个类是怎么来完成数据加载工作。
一、使用HTTPService传递和加载数据
完整示例代码
完整的示例代码
OperationHandler.ashx
如上便构造好了URLRequest对象，只要将他传递给相应的对象load()方法便可实现数据加载。从某种角度可以将URLRequest理解为建立请求的工具。要是URLRequest类对象变成可用的对象还需得通过其他类来与之配合协作，详细见后面使用URLLoader加载数据。
mxml完整代码
在本地IIS服务器上有如下定义的XML文件：
1
<?
xml version="1.0" encoding="utf-8"
?>
2 < Root >
3 < Book >
4 < Id > 1 </ Id >
5 < Name > 《三国演义》 </ Name >
6 < Author > 罗贯中 </ Author >
7 < Price > 52.30 </ Price >
8 </ Book >
9 < Book >
10 < Id > 2 </ Id >
11 < Name > 《西游记》 </ Name >
12 < Author > 吴承恩 </ Author >
13 < Price > 39.91 </ Price >
14 </ Book >
15 < Book >
16 < Id > 3 </ Id >
17 < Name > 《红楼梦》 </ Name >
18 < Author > 曹雪芹 </ Author >
19 < Price > 48.20 </ Price >
20 </ Book >
21 < Book >
22 < Id > 4 </ Id >
23 < Name > 《水浒传》 </ Name >
24 < Author > 施耐庵 </ Author >
25 < Price > 39.85 </ Price >
26 </ Book >
27 </ Root >
2 < Root >
3 < Book >
4 < Id > 1 </ Id >
5 < Name > 《三国演义》 </ Name >
6 < Author > 罗贯中 </ Author >
7 < Price > 52.30 </ Price >
8 </ Book >
9 < Book >
10 < Id > 2 </ Id >
11 < Name > 《西游记》 </ Name >
12 < Author > 吴承恩 </ Author >
13 < Price > 39.91 </ Price >
14 </ Book >
15 < Book >
16 < Id > 3 </ Id >
17 < Name > 《红楼梦》 </ Name >
18 < Author > 曹雪芹 </ Author >
19 < Price > 48.20 </ Price >
20 </ Book >
21 < Book >
22 < Id > 4 </ Id >
23 < Name > 《水浒传》 </ Name >
24 < Author > 施耐庵 </ Author >
25 < Price > 39.85 </ Price >
26 </ Book >
27 </ Root >
一、使用HTTPService传递和加载数据
使用HTTPService可以实现加载数据，也可以实现参数传递，下面通过两个示例程序来讲解这两个知识点。
首先来看看HTTPService加载数据的方式。在Flex中使用HTTPService来装载外部数据是非常简单的，他是基于HTTP协议发送POST和GET请求外部数据,然后通过指定的监听方法来处理响应。我们可以通过<mx:HTTPService>标签来完成对数据源的连接，也可以通过可编程方式来处理,两种方式没什么大的差距，实际开发中可以根据自己喜好选择。
1
internal
function onClick():
void
2 {
3 var service:HTTPService = new HTTPService();
4 service.url = " [url]http://localhost:1146/Data/Book.xml[/url] " ;
5 service.useProxy = false ;
6 service.resultFormat = " e4x " ;
7 service.addEventListener(ResultEvent.RESULT,onResultHandler);
8 service.send();
9 }
10
11 internal function onResultHandler(evt:ResultEvent): void
12 {
13 var xml:XML = evt.result as XML;
14 trace(xml);
15 bookGrid.dataProvider = xml.Book;
16 }
2 {
3 var service:HTTPService = new HTTPService();
4 service.url = " [url]http://localhost:1146/Data/Book.xml[/url] " ;
5 service.useProxy = false ;
6 service.resultFormat = " e4x " ;
7 service.addEventListener(ResultEvent.RESULT,onResultHandler);
8 service.send();
9 }
10
11 internal function onResultHandler(evt:ResultEvent): void
12 {
13 var xml:XML = evt.result as XML;
14 trace(xml);
15 bookGrid.dataProvider = xml.Book;
16 }
该示例的运行结果见文章最后，下面是这个示例的完整代码：
完整示例代码
OK，我们来看看使用HTTPService传递参数到服务端是怎么实现的。使用HTTPService传递参数可以通过两种方式实现，分别如下：
1、直接在请求URL后面跟上参数列表，如：
[url]http://localhost/web/Test.aspx?a=1&b=2[/url]。
2、通过Flex SDK为我们提供专门用语参数传递的对象（
URLVariables）来实现。
下面以一道简单的加法运算来演示HTTPService传递参数的使用，在Flex里将需要进行加法运算的两个数传递到.NET服务端并计算其和后返回给Flex客户端，两种方式传递没有太大的区别，详细请看如下代码演示：
1
/*
*
2 * 通过RUL参数直接传递
3 * */
4 internal function onClick(): void
5 {
6 var service:HTTPService = new HTTPService();
7 var a:String = txtA.text;
8 var b:String = txtB.text;
9 service.url = " [url]http://localhost:1146/OperationHandler.ashx?a=[/url] " + a + " &b= " + b;
10 service.useProxy = false ;
11 service.resultFormat = " e4x " ;
12 service.addEventListener(ResultEvent.RESULT,onResultHandler);
13 service.send();
14 }
15
16 /* *
17 * 通过URLVariables进行参数传递
18 * */
19 internal function onClick(): void
20 {
21 var service:HTTPService = new HTTPService();
22 service.url = " [url]http://localhost:1146/OperationHandler.ashx[/url] " ;
23 service.useProxy = false ;
24 service.resultFormat = " e4x " ;
25 service.addEventListener(ResultEvent.RESULT,onResultHandler);
26 var param:URLVariables = new URLVariables();
27 param.a = txtA.text;
28 param.b = txtB.text;
29 service.send();
30 }
2 * 通过RUL参数直接传递
3 * */
4 internal function onClick(): void
5 {
6 var service:HTTPService = new HTTPService();
7 var a:String = txtA.text;
8 var b:String = txtB.text;
9 service.url = " [url]http://localhost:1146/OperationHandler.ashx?a=[/url] " + a + " &b= " + b;
10 service.useProxy = false ;
11 service.resultFormat = " e4x " ;
12 service.addEventListener(ResultEvent.RESULT,onResultHandler);
13 service.send();
14 }
15
16 /* *
17 * 通过URLVariables进行参数传递
18 * */
19 internal function onClick(): void
20 {
21 var service:HTTPService = new HTTPService();
22 service.url = " [url]http://localhost:1146/OperationHandler.ashx[/url] " ;
23 service.useProxy = false ;
24 service.resultFormat = " e4x " ;
25 service.addEventListener(ResultEvent.RESULT,onResultHandler);
26 var param:URLVariables = new URLVariables();
27 param.a = txtA.text;
28 param.b = txtB.text;
29 service.send();
30 }
下面是完整的示例代码，可以把onClick()方法相互切换来测试两种不同的参数传递方式。
完整的示例代码
OperationHandler.ashx
上面示例的运行界面截图：
二、了解URLReqeust
使用URLRequest 类可捕获单个 HTTP 请求中的所有信息。将URLRequest 对象传递给URLStream或URLLoader 类以及其他加载操作的
load()方法以启动URL数据加载。它的使用很简单，通过构造方法构造对象就OK：
1
var request:URLRequest
=
new
URLRequest(
"
[url]http://localhost:1146/Data/Book.xml[/url]
"
)
同样可以使用URLRequest来请求一个本地项目/应用里的文件，如下代码示例：
1
var request:URLRequest
=
new
URLRequest(
"
Data/Book.xml
"
)
如上便构造好了URLRequest对象，只要将他传递给相应的对象load()方法便可实现数据加载。从某种角度可以将URLRequest理解为建立请求的工具。要是URLRequest类对象变成可用的对象还需得通过其他类来与之配合协作，详细见后面使用URLLoader加载数据。
URLRequest虽然功能强大,使用简单。但我们还是需要了解更多的东西，以便可以正确的应用URLRequest类和处理相应的错误。其中最引人关注的就是安全沙箱的问题，这部分我将在以后的文章中介绍，这里只需要记住两点就OK。
1、如果执行调用的 SWF 文件在只能与本地文件系统内容交互的沙箱中，而目标资源来自网络沙箱，则不允许进行数据加载。
2、如果执行调用的 SWF 文件来自网络沙箱而目标资源在本地，也不允许进行数据加载。
这里就简单介绍这些，关于URLRequest的详细资料大家可以查看官方提供的在线文档：
[url]http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/net/URLRequest.html[/url]
三、使用URLLoader加载数据
URLLoader 类可以以文本、二进制数据或 URL 编码变量的形式从 URL 下载数据。下面将结合使用本地服务器上的数据(详细见文章前面的xml文件定义)的加载示例来演示URLLoader的使用方法。
那我们怎么通过URLLoader来加载它呢？很简单，使用上面介绍的URLRequest来创建请求连接，然后将URLRequest对象传递给URLLoader的load方法来实现数据加载。
1
internal
function onClick():
void
2 {
3 var request:URLRequest = new URLRequest( " [url]http://localhost:1146/Data/Book.xml[/url] " );
4 var loader:URLLoader = new URLLoader();
5 loader.load(request);
6 loader.addEventListener(Event.COMPLETE,onCompleteHandler);
7 }
8
9 private function onCompleteHandler(evt:Event): void
10 {
11 var xml:XML = new XML(evt.target.data);
12 bookGrid.dataProvider = xml.Book;
13 }
2 {
3 var request:URLRequest = new URLRequest( " [url]http://localhost:1146/Data/Book.xml[/url] " );
4 var loader:URLLoader = new URLLoader();
5 loader.load(request);
6 loader.addEventListener(Event.COMPLETE,onCompleteHandler);
7 }
8
9 private function onCompleteHandler(evt:Event): void
10 {
11 var xml:XML = new XML(evt.target.data);
12 bookGrid.dataProvider = xml.Book;
13 }
下面是整个mxml的代码定义：
mxml完整代码
本示例的运行结果如下图：
关于URLLoader的更多资料大家可以查看Adobe提供的在线文档：
[url]http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/net/URLLoader.html[/url]
本文转自 beniao 51CTO博客，原文链接：http://blog.51cto.com/beniao/133035，如需转载请自行联系原作者
