egret-docs-master/extension/game/URLLoaderNetwork/README.md

72 lines
2.7 KiB
Markdown
Raw Normal View History

2024-06-19 13:32:32 +08:00
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 );
}
}
```
编译并运行,效果如图:
![](568b42efcca3a.png)