【cocos2d-js网络教程篇】cocos2d-js http网络请求

前言

刚入手cocos2d-js，看到网上的JS的http网络请求，大部分都是错的。原因在于，js-tests里面的网络请求实例没有给出加载完成事件。正确的加载完成事件如下：

var xhr = cc.loader.getXMLHttpRequest();
xhr.open("POST", url);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
xhr["onloadend"] = function(){
}；

Http.js完整类

var Http =  cc.Class.extend({
m_inst : null, //实例
url : "http://127.0.0.1:8080/request.php",

ctor : function(){
},

/*
* 网络请求之GET
* url 请求的网络地址
* callback 回调参数
* */
getWithUrl : function(url,callback){
var xhr = cc.loader.getXMLHttpRequest();
xhr.open("GET",url,true);
xhr["onloadend"] = function () {
if (xhr.readyState == 4 && (xhr.status >= 200 && xhr.status <= 207)) {
err = false;
}else{
err = true;
}
var response = xhr.responseText;
callback(err,response);
};
xhr.send();
},

/*
* 网络请求之POST
* url 请求的网络地址
* params  请求参数  ("id=1&id=2&id=3")
* callback 回调参数
['loadstart', 'abort', 'error', 'load', 'loadend', 'timeout']
* */
sendWithUrl : function(url, params, callback){

var xhr = cc.loader.getXMLHttpRequest();
xhr.open("POST", url);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
xhr["onloadend"] = function(){

var sc = -1
if (xhr.readyState == 4 && (xhr.status >= 200 && xhr.status <= 207)) {
sc = 0;
}

var json = JSON.parse(xhr.responseText)
var rc = parseInt(json["code"])

callback(sc, rc, json);

if(sc == 0 && (rc != 0) && RETCODE[rc + ""])
{
Alert.getInst().show(RETCODE[rc + ""])
}
else if(sc != 0 || rc != 0 ){
Alert.getInst().show("sc: " + sc + " rc: " + rc)
}
}
xhr.send(params);
}
});

//获取实例
Http.inst = function() {
if (Http.m_inst == null) {
Http.m_inst = new Http();
}
return Http.m_inst;
};

使用方法

Http.inst()->sendWithUrl("http://127.0.0.1:8080/request.php", "id=1&id=2&id=3", function(sc, rc, response){
cc.log("返回数据" + response);
});

有什么不懂的问题或者需要php服务端的代码，请在下面留下你的联系方式。