原生xhr请求

最新推荐文章于 2025-10-04 09:00:00 发布

原创最新推荐文章于 2025-10-04 09:00:00 发布 · 2.7k 阅读

1 ·

CC 4.0 BY-SA版权

javascript 同时被 3 个专栏收录

3 篇文章

订阅专栏

浏览器兼容

2 篇文章

订阅专栏

xhr请求

1 篇文章

订阅专栏

本文介绍了一种在JavaScript中创建XMLHttpRequest实例的方法，并演示了如何设置请求参数、处理响应及实现跨域请求。代码示例包括了初始化请求、发送POST请求等关键步骤。



function createXHR() {
	if(typeof XMLHttpRequest != "undefined") {
		return new XMLHttpRequest();
	} else if(typeof ActiveXObject != "undefined") {
		if(typeof arguments.callee.activeXString != "string") {
			var versions = ["Msxml3.XMLHTTP", "MSXML2.XMLHttp.6.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp", "Microsoft.XMLHTTP"];
			for(var i = 0, len = versions.length; i < len; i++) {
				try {
					var xhr = new ActiveXObject(versions[i]);
					arguments.callee.activeXString = versions[i];
					return xhr;
				} catch(ex) {
					//跳过
				}
			}
		}
		return new ActiveXObject(arguments.callee.activeXString);
	} else {
		throw new Error("NO XHR object available.")
	}
}


var xhr = createXHR();

xhr.onreadystatechange = function() {
	if(xhr.readyState == 4) {
		if((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
			console.log(xhr.responseText)
		}	
	}
};
xhr.open("post", "url", false);//ture同步，false 异步
xhr.withCredentials = true;  //跨域
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.send(data);