目前flash在各方个面的应用越来越广,而flash也不单只是注重自身绚丽的效果,也需要和外界程序交换数据,以实现更强大的功能,随着as3的到来,flash和外部交互的方式也越来越简便和合理化。今天就在这里谈谈as3和后台数据的交互(这里选择as3 php架构,其他配置同理)。
在as3里,原来的loadvars方法已经被废弃,而改用一系列的类来实现与后台数据的交互,这些类是:urlloader,urlloaderdataformat,urlstream,urlvariables。
urlloader 类和原来的loadvars类似,是加载文本,2进制数据,xml,url数据等信息的有力工具。urlloader接受一个urlrequest 作为构造的参数,使用load方法来加载数据。urlloder也可以进行监听,这点也loadvars不同,一个简单的示例如下:
1. //////////////////actionscript code//////////////////////////////////////////
2. //声明一个urlloader
3. var loader:urlloader = new urlloader();
4. //监听数载加载完成事件
5. loader.addeventlistener(event.complete,loaded);
6. //事件相应函数
7. function loaded(e:event){
8. trace(loader.data);
9. // output : this data is from php!
10. }
11. //加载test.php
12. loader.load(new urlrequest(test.php));
1. // ////////////////test.php code/////////////////////////////////
2.
从上面的示例可以看出,as3和后台交互是多么简单,但这只是单项的交互,如果要flash向后台发送数据并传回数据该如何去做呢?这个时候你可能会把代码该成这样:
1. //actionscript code
2. var loader:urlloader = new urlloader();
3. loader.data={message:hello im flash!};
4. loader.addeventlistener(event.complete,loaded);
5. function loaded(e:event){
6. trace(loader.data);
7. // output : this is flash say:
8. }
9. loader.load(new urlrequest(test.php));
1. //test.php code//
2.
看看输出的代码,你得到了什么?是的,信息并没有传输到php,你还是在用loadvars的方式试图传送数据,但as3里已经不是这样了, urlloader的data只有在数据被下载完时才会被初始化,在数据没有加载完成时,它是等于null的,也就是说,它只包含接受到的数据,而不管要发送的数据,那么,as3里如何向后台发送数据呢?使用urlvariables。urlvariables允许你在flash和后台程序间传输变量, as3里已经把发送和接受数据分离,再也不像as2的loadvars那样,一个类通吃所有了,那么这个urlvariables如何送要发送的数据呢?
你可能找遍了urlloader的文档也没有发现与它相关的东西,是的urlloader并不和urlvariables有关联,而是 urlrequest在使用它,urlrequest包含整个http请求的所有信息,所以我们要发送的数据要放在这里,urlrequest有一个 data属性他接受一个object类型的参数,这就是我们要发送的数据。同时你可能还注意到了,urlrequest也管理用什么样的方式来发送 http请求,它的method属性接受一个字符参数,post或者是get。好了,现在我们来看看它们是怎么工作的:
1. //actionscript code
2. var loader:urlloader = new urlloader();
3. //声明一个urlrequest
4. var url:urlrequest = new urlrequest(test.php);
5. //设置传输方式为post
6. url.method = urlrequestmethod.post;
7. //声明一个urlvariables
8. var values:urlvariables = new urlvariables();
9. //设置要传输的信息
10. values.message=hello im flash!;
11. url.data = values;
12. loader.addeventlistener(event.complete,loaded);
13. function loaded(e:event){
14. trace(loader.data);
15. // output : this is flash say:hello im flash!
16. }
17. loader.load(url);
1. //test.php code//
2.
怎么样,是不是也很方便的实现了as3和后台的数据传输?恩,现在我们的程序可以双向交互数据了,但这只是一些简单的数据,如果你要传输带有结构的数据,(熟悉as2的人都知道loadvars可以自动解析下载数据的结构),让我们先按loadvars的方式来尝试下,看看urlloader是不是能自动的解析下载的数据。
1. //actionscript code
2. var loader:urlloader = new urlloader();
3. //声明一个urlrequest
4. var url:urlrequest = new urlrequest(test.php);
5. //设置传输方式为post
6. url.method = urlrequestmethod.post;
7. //声明一个urlvariables
8. var values:urlvariables = new urlvariables();
9. //设置要传输的信息
10. values.message=hello im flash!;
11. url.data = values;
12. loader.addeventlistener(event.complete,loaded);
13. function loaded(e:event){
14. trace(loader.data);
15. //output: phpmessage=im php message!&flashmessage=hello im flash!
16. trace(loader.data.phpmessage);
17. // thorw error;
18. trace(loader.data.flashmessage);
19. // thorw error;
20. }
21. loader.load(url);
1. //test.php code//
2.
可以看到,数据被完全下载下来了,但是却没有被解析,还抛出了异常,那么是不是urlloader就不能自动解析数据了呢?不是,相反urlloader 提供了多种数据解析方式供你选择。这些数据解析方式都在urlloaderdataformat里,他们是:binary-以2进制的方式解析 text-以文本的方式解析 variables-以变量-值配对的方式解析。urlloader的dataformat属性提供了对解析方式的选择,好,我们再来修改下程序使它变的更完美些:
1. //actionscript code
2. var loader:urlloader = new urlloader();
3. //声明一个urlrequest
4. var url:urlrequest = new urlrequest(test.php);
5. //设置传输方式为post
6. url.method = urlrequestmethod.post;
7. //声明一个urlvariables
8. var values:urlvariables = new urlvariables();
9. //设置要传输的信息
10. values.message=hello im flash!;
11. url.data = values;
12. //设置以变量-值配对的方式解析数据
13. loader.dataformat
= urlloaderdataformat.variables;
14. loader.addeventlistener(event.complete,loaded);
15. function loaded(e:event){
16. trace(loader.data);
17. //output: phpmessage=im php message!&flashmessage=hello im flash!
18. trace(loader.data.phpmessage);
19. // im php message!
20. trace(loader.data.flashmessage);
21. // hello im flash!
22. }
23. loader.load(url);
1. //test.php code//
2.
以上这些就是as3里和后台交互的基础内容,现在你可以在as3里创建这样的交互,获取动态数据来丰富你的程序,在你开始自己动手实验之前,还有一些东西值得注意:
1,记得捕获和处理异常(上述的例子里都是假定在完美的测试环境下运行,所以没有加上异常捕获和处理的代码,但现实中你可能会遇到各种各样的情况)urlloader可能引发好几种异常情况(详细请参见说明文档)
你应该通过监听ioerror和securityerror事件,或者通过try-catch来处理他们,即使你确信不会发生这样的问题。
2,文件的编码,这是个常见的问题,经常很多数据变成了乱码,或者解析出错,都是因为编码的问题,我的做法是确保发送的数据和后台传回的数据都是utf-8格式(因为flash默认编码为utf-8)
