72 lines
2.7 KiB
Markdown
72 lines
2.7 KiB
Markdown
Egret对网络部分进行了封装，将网络访问请求与网络通信数据分离。在 “net” 文件夹中定义了与网络相关的五个类。分别为 `URLRequest`、 `URLLoader`、`URLLoaderDataFormat`、`URLRequestMethod` 和 `URLVariables`。
|
||
|
||
创建一个网络连接的时候，需要创建一个 `URLLoader` 对象，该对象负责网络的连接状态操作， 同时负责接收网络回传的数据。网络通信时，网络通信数据由 `URLRequest` 对象负责管理。
|
||
|
||
创建一个最简单通信请求需要使用 `URLLoader` 和 `URLRequest` 两个类。
|
||
|
||
``` typescript
|
||
private urlloader:egret.URLLoader;
|
||
|
||
this.urlloader = new egret.URLLoader();
|
||
```
|
||
|
||
在 `urlloader`中可以对网络通信进行操作，例如开始加载数据，检测数据加载进度或者数据加载是否完成。
|
||
|
||
在执行加载数据时，需要给入通信地址，一般为网址或者服务器后台地址。添加网络地址，需要 `URLRequest` 对象。 以 “http://httpbin.org/user-agent” 这个测试地址为例。代码如下：
|
||
|
||
``` typescript
|
||
var urlreq:egret.URLRequest = new egret.URLRequest();
|
||
|
||
urlreq.url = ;
|
||
```
|
||
|
||
上面代码创建一个 `URLRequest` 类型的对象，并且将测试地址赋给名称为 `url` 的属性。
|
||
|
||
加载数据的方法是 `load`，需要将刚刚创建的 `URLRequest` 对象作为参数传递进去。
|
||
|
||
``` typescript
|
||
this.urlloader.load( urlreq );
|
||
```
|
||
|
||
此时编译运行不会看到任何效果，因为没有对网络通信的状态进行任何监听或响应处理。继续添加代码，对网络加载的 `COMPLETE` 事件进行监听。当网络加载完成后，则调用对应的函数。
|
||
|
||
``` typescript
|
||
this.urlloader.addEventListener(egret.Event.COMPLETE, this.onComplete, this);
|
||
private onComplete(event:egret.Event):void
|
||
{
|
||
console.log( this.urlloader.data );
|
||
}
|
||
```
|
||
|
||
在事件响应函数中，将获取到的数据输出到JavaScript控制台中。
|
||
|
||
上面的内容完整源码如下：
|
||
|
||
``` typescript
|
||
class NetDemo extends egret.DisplayObjectContainer
|
||
{
|
||
public constructor()
|
||
{
|
||
super();
|
||
this.addEventListener(egret.Event.ADDED_TO_STAGE,this.onAddToStage,this);
|
||
}
|
||
private urlloader:egret.URLLoader;
|
||
private onAddToStage(event:egret.Event)
|
||
{
|
||
this.urlloader = new egret.URLLoader();
|
||
var urlreq:egret.URLRequest = new egret.URLRequest();
|
||
urlreq.url = "http://httpbin.org/user-agent";
|
||
this.urlloader.load( urlreq );
|
||
this.urlloader.addEventListener(egret.Event.COMPLETE, this.onComplete, this);
|
||
}
|
||
private onComplete(event:egret.Event):void
|
||
{
|
||
console.log( this.urlloader.data );
|
||
}
|
||
}
|
||
```
|
||
|
||
编译并运行，效果如图：
|
||
|
||
|