【cocos2d-js教程】cocos2d-js http网络请求
2017-07-11 14:49
274 查看
本文由qinning199原创,转载请注明:http://www.cocos2dx.net/post/216
研究了一下cocos2d-js的http网络请求,很简单
1、get请求,代码如下
[javascript] view plain copy print?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、post请求,代码如下
[javascript] view plain copy print?var xhr = cc.loader.getXMLHttpRequest();
var statusPostLabel = new cc.LabelTTF(“Status:”, “Thonburi”, 18);
&
c0e0
nbsp; 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”);
研究了一下cocos2d-js的http网络请求,很简单
1、get请求,代码如下
[javascript] view plain copy print?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();
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、post请求,代码如下
[javascript] view plain copy print?var xhr = cc.loader.getXMLHttpRequest();
var statusPostLabel = new cc.LabelTTF(“Status:”, “Thonburi”, 18);
&
c0e0
nbsp; 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”);
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");
相关文章推荐
- 【cocos2d-js网络教程篇】cocos2d-js http网络请求
- 【cocos2d-js教程】cocos2d-js http网络请求
- cocos2d-js 网络请求(GET)
- cocos2d js 请求网络
- cocos2d-js跨域访问问题,cocos2d-js请求网络数据
- cocos-js http网络请求XMLHttpRequest
- cocos2d-js中sendHttpPost数据请求样式
- cocos2d-x 网络请求 Http
- Cocos2d-x 3.2 Lua示例 XMLHttpRequestTest(Http网络请求)
- cocos2d-js 网络请求(GET)
- lua教程八----不用CCHttpClient而转用quick-cocos2d-x或cocos2dx-LuaProxy的Lua框架实现Lua-Http网络交互!
- Angular2入门系列教程7-HTTP(一)-使用Angular2自带的http进行网络请求
- cocos-js Http方式网络请求
- Cocos2d-x 3.2 Lua演示样例 XMLHttpRequestTest(Http网络请求)
- Cocos2d-x笔记(四)CCHttpCleint网络请求
- Sagit.Framework For IOS 开发框架入门教程6:网络请求STHttp
- Android的Http网络请求模型初步
- Windows Phone 7(WP7)开发 网络操作(1) HttpWebRequest基本的GET请求
- cocos2d-x 开发网络游戏(http post&socket)
- IOS中http网络请求get和post的区别