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

2.7 KiB
Raw Blame History

Egret对网络部分进行了封装将网络访问请求与网络通信数据分离。在 “net” 文件夹中定义了与网络相关的五个类。分别为 URLRequestURLLoaderURLLoaderDataFormatURLRequestMethodURLVariables

创建一个网络连接的时候,需要创建一个 URLLoader 对象,该对象负责网络的连接状态操作, 同时负责接收网络回传的数据。网络通信时,网络通信数据由 URLRequest 对象负责管理。

创建一个最简单通信请求需要使用 URLLoaderURLRequest 两个类。

private urlloader:egret.URLLoader;

this.urlloader = new egret.URLLoader();

urlloader中可以对网络通信进行操作,例如开始加载数据,检测数据加载进度或者数据加载是否完成。

在执行加载数据时,需要给入通信地址,一般为网址或者服务器后台地址。添加网络地址,需要 URLRequest 对象。 以 “http://httpbin.org/user-agent” 这个测试地址为例。代码如下:

var urlreq:egret.URLRequest = new egret.URLRequest();

urlreq.url = ;

上面代码创建一个 URLRequest 类型的对象,并且将测试地址赋给名称为 url 的属性。

加载数据的方法是 load,需要将刚刚创建的 URLRequest 对象作为参数传递进去。

this.urlloader.load( urlreq );

此时编译运行不会看到任何效果,因为没有对网络通信的状态进行任何监听或响应处理。继续添加代码,对网络加载的 COMPLETE 事件进行监听。当网络加载完成后,则调用对应的函数。

this.urlloader.addEventListener(egret.Event.COMPLETE, this.onComplete, this);
private onComplete(event:egret.Event):void
{
    console.log( this.urlloader.data );
}

在事件响应函数中将获取到的数据输出到JavaScript控制台中。

上面的内容完整源码如下:

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 );
    }
}

编译并运行,效果如图: