原生js封装ajax请求

// 封装函数,调用该函数可以使用跟服务器进行通信
// method  url  参数   success的 回调函数  失败的回调函数
// {
// method:
// url:
// data:
// success:
// error:
// }
function ajax(argObj){
var xhr = XMLHttpRequest?new XMLHttpRequest():new ActiveXObject("Micro.HTTP");
if (argObj.method.toLowerCase()=="get") {
// get方式通信
if (argObj.data) {
// 传参
argObj.url+="?";
for( var temp in argObj.data){
argObj.url += temp+"="+argObj.data[temp]+"&";
}
argObj.url = argObj.url.substring(0,argObj.url.length-1);
console.log(argObj.url);
};
xhr.open("get",argObj.url,true);
xhr.send();
}else{
// post方式通信
xhr.open("post",argObj.url,true);
if (argObj.data) {
xhr.setRequestHeader("content-type","application/json");
xhr.send(  JSON.stringify(argObj.data)   );
}else{
xhr.send();
}
}


xhr.onreadystatechange = function(){
if (xhr.readyState == 4) {
if (xhr.status >= 200 && xhr.status < 300) {
// 成功
argObj.success( xhr.responseText );
}else{
// 失败
argObj.error( xhr.status);
}
};
}


}



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值