Ajax封装

最新推荐文章于 2023-09-20 10:27:08 发布

lvmuheng

最新推荐文章于 2023-09-20 10:27:08 发布

阅读量340

点赞数

分类专栏： javaee 文章标签： ajax封装 ajax

本文链接：https://blog.csdn.net/lvmuheng/article/details/52355749

版权

javaee 专栏收录该内容

22 篇文章 0 订阅

订阅专栏


//封装ajax
function ajax(params) {
	var xmlhttp;
	//判断XMLHttpRequest是否存在
	if (window.XMLHttpRequest) {
		xmlhttp = new XMLHttpRequest();
	} else {
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	//readystate监听事件
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState == 4) {
			//输出响应的结果
			if (params.callback) {
				params.callback(xmlhttp);
			}
		}
	};

	//取出method参数
	var method = params.method ? params.method : "GET";
	var asynch = params.asynch ? true : params.asynch;

	//打开一个连接
	xmlhttp.open(method, params.url, params.asynch);
	//判断是否POST请求
	if (method.toLowerCase() == 'post') {
		//post请求一定要设置这句话
		xmlhttp.setRequestHeader("Content-Type",
				"application/x-www-form-urlencoded");
	}

	//判断请求是否有参数
	if (params.params) {
		var p = [];
		for (key in params.params) {
			p.push(key + "=" + params.params[key]);
		}
		xmlhttp.send(p.join("&"));
	} else {
		xmlhttp.send(null);
	}
}