Cocos2d-js tutorial cocos2d-js http network request, cocos2d-js tutorial

Cocos2d-js tutorial cocos2d-js http network request, cocos2d-js tutorial

This article by qinning199 original, reproduced Please note: http://www.cocos2dx.net/post/216

It is very simple to study the http network request of cocos2d-js.

1. get request. The Code is as follows:

var xhr = cc.loader.getXMLHttpRequest();        var statusGetLabel = new cc.LabelTTF("Status:", "Thonburi", 18);        this.addChild(statusGetLabel, 1);        statusGetLabel.x = winSize.width / 2;        statusGetLabel.y = winSize.height - 100;        statusGetLabel.setString("Status: Send Get Request to httpbin.org");        //set arguments with <URL>?xxx=xxx&yyy=yyy        xhr.open("GET", "http://httpbin.org/get?show_env=1", true);        xhr.onreadystatechange = function () {            if (xhr.readyState == 4 && (xhr.status >= 200 && xhr.status <= 207)) {                var httpStatus = xhr.statusText;                var response = xhr.responseText.substring(0, 100) + "...";                var responseLabel = new cc.LabelTTF("GET Response (100 chars): \n" + response, "Thonburi", 16);                that.addChild(responseLabel, 1);                responseLabel.anchorX = 0;                responseLabel.anchorY = 1;                responseLabel.textAlign = cc.TEXT_ALIGNMENT_LEFT;                responseLabel.x = 10;                responseLabel.y = winSize.height / 2;                statusGetLabel.setString("Status: Got GET response! " + httpStatus);            }        };        xhr.send();

2. the post Request Code is as follows:

var xhr = cc.loader.getXMLHttpRequest();        var statusPostLabel = new cc.LabelTTF("Status:", "Thonburi", 18);        this.addChild(statusPostLabel, 1);        statusPostLabel.x = winSize.width / 2;        statusPostLabel.y = winSize.height - 140;        statusPostLabel.setString("Status: Send Post Request to httpbin.org with plain text");        xhr.open("POST", "http://httpbin.org/post");        //set Content-type "text/plain;charset=UTF-8" to post plain text        xhr.setRequestHeader("Content-Type","text/plain;charset=UTF-8");        xhr.onreadystatechange = function () {            if (xhr.readyState == 4 && (xhr.status >= 200 && xhr.status <= 207)) {                var httpStatus = xhr.statusText;                var response = xhr.responseText.substring(0, 100) + "...";                var responseLabel = new cc.LabelTTF("POST Response (100 chars):  \n" + response, "Thonburi", 16);                that.addChild(responseLabel, 1);                responseLabel.anchorX = 0;                responseLabel.anchorY = 1;                responseLabel.textAlign = cc.TEXT_ALIGNMENT_LEFT;                responseLabel.x = winSize.width / 10 * 3;                responseLabel.y = winSize.height / 2;                statusPostLabel.setString("Status: Got POST response! " + httpStatus);            }        };        xhr.send("plain text message");