js封装ajax

封装代码:


function ajax(option){
	var ajax = new XMLHttpRequest();
	if(option.type == "get"){			// get请求
		ajax.open(option.type, option.url+ "?" + jsonToString(option.data), true);
		ajax.send();
	}else if(option.type == "post"){		// post请求
		ajax.open(option.type, option.url, true);
		ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		ajax.send(jsonToString(option.data));
	}
	ajax.onreadystatechange = function(){
		// console.log(ajax.readyState);
		// console.log(ajax.status);
		if(ajax.readyState == 4){
			if(ajax.status >= 200 && ajax.status < 300 || ajax.status == 304){
				// console.log(ajax.responseText);
				// console.log(ajax.status);
				option.success(ajax.responseText);

			}else{
				// console.log("服务器错误!");
				option.error();
			}
		}				
	};

	// json 转换为:string
	function jsonToString(json){
		var arr = [];
		for(var i in json){
			arr.push(i + "=" + json[i]);
		}
		return arr.join("&");
	}

}

调用方法:

ajax({
	type : 'get',        // 也可为post
	url : 'http://localhost:9529',
	data : {
		user : user.value,
		pass : pass.value
	},
	success : function(data){
		if(data == "登录成功"){
			alert("登录成功");
		}else{
			alert("登录失败");
		}
	},
	error : function(){
		console.log("服务器错误!");
	}
});

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值