cocos creator http工具类

最新推荐文章于 2025-07-05 12:20:23 发布

原创最新推荐文章于 2025-07-05 12:20:23 发布 · 7.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#cocos creator http p

博客内容介绍了如何基于Cocos Creator改造官方HTTP接口，提供了一个可以直接使用的JS单例模式的HTTP工具类。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上代码复制项目直接可用

我将官方文档中的http 用js 单利的模式改了下

var httpUtils = cc.Class({
    extends: cc.Component,

    properties: {
        // foo: {
        //    default: null,      // The default value will be used only when the component attaching
        //                           to a node for the first time
        //    url: cc.Texture2D,  // optional, default is typeof default
        //    serializable: true, // optional, default is true
        //    visible: true,      // optional, default is true
        //    displayName: 'Foo', // optional
        //    readonly: false,    // optional, default is false
        // },
        // ...
    },

    statics: {
        instance: null
    },

    // use this for initialization
    onLoad: function () {
    },

    httpGets: function (url, callback) {
        var xhr = cc.loader.getXMLHttpRequest();
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4 && (xhr.status >= 200 && xhr.status < 300)) {
                var respone = xhr.responseText;
                callback(respone);
            }
        };
        xhr.open("GET", url, true);
        if (cc.sys.isNative) {
            xhr.setRequestHeader("Accept-Encoding", "gzip,deflate");
        }

        // note: In Internet Explorer, the timeout property may be set only after calling the open()
        // method and before calling the send() method.
        xhr.timeout = 5000;// 5 seconds for timeout

        xhr.send();
    },

    httpPost: function (url, params, callback) {
        var xhr = cc.loader.getXMLHttpRequest();
        xhr.onreadystatechange = function () {
            cc.log('xhr.readyState='+xhr.readyState+'  xhr.status='+xhr.status);
            if (xhr.readyState === 4 && (xhr.status >= 200 && xhr.status < 300)) {
                var respone = xhr.responseText;
                callback(respone);
            }else{
                  callback(-1);
            }
        };
        xhr.open("POST", url, true);
        if (cc.sys.isNative) {
            xhr.setRequestHeader("Accept-Encoding", "gzip,deflate");
        }

        // note: In Internet Explorer, the timeout property may be set only after calling the open()
        // method and before calling the send() method.
        xhr.timeout = 5000;// 5 seconds for timeout

        xhr.send(params);
    }
});

httpUtils.getInstance = function () {
    if (httpUtils.instance == null) {
        httpUtils.instance = new httpUtils();
    }
    return httpUtils.instance;
};


js 单利的使用方法：

httpUtils.getInstance().httpPost('http://192.168.1.107:8081/index.php?s=/app/verify/sendverify.html', params, function (data) {
            if (data === -1) {
                cc.log('请检查网络！');
            } else {
                var jsonD = JSON.parse(data);
                if (jsonD['status'] === 1) {
                    cc.log('发送成功');
                } else {
                    cc.log('发送失败' + ':' + eval("'" + jsonD['message'] + "'"));

                }
            }
        });