XmlHttpRequest CORS 与 AJAX封装类

最新推荐文章于 2024-08-07 11:15:43 发布

奋进中的巨人

最新推荐文章于 2024-08-07 11:15:43 发布

阅读量560

点赞数

CC 4.0 BY-SA版权

文章标签： AJAX CORS

本文链接：https://blog.youkuaiyun.com/TJHAIXIN/article/details/41923965

本文介绍了一种解决AJAX跨域请求问题的方法，通过在服务器端设置合适的HTTP响应头来实现跨源资源共享（CORS）。针对不同类型的请求（如PHP和HTML），提供了具体的设置示例。

function XHR(){
	this._xhr = null;
}
XHR.prototype.getInstance = function(){
	if(window.ActiveXObject)
		this._xhr = new ActiveXObject("Microsoft.XMLHttp");	
	if(window.XMLHttpRequest)
		this._xhr = new XMLHttpRequest();
	return this;
}
XHR.prototype.ajaxProc = function(url,callback,value){
	this._xhr.open("POST",url,true);
	this._xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	this._xhr.onreadystatechange = function(){
		if(this.readyState==4 & this.status == 200){
			this.responseText;
		}
	}
	this._xhr.send("callback=" + callback + "&value=" + value);
	this._xhr.close();
	this._xhr = null;
}

解决办法：

请求的url是PHP的，须要PHP中echo：header（""Access-Control-Allow-Origin: *""）;

请求html的，须要 <meta http-equiv="Access-Control-Allow-Origin" content="*">

其中CORS支持来访域名端口号，可以在目标资源中写入来源的端口号，比如：header("access-control-allow-origin:http://www.test.com:81");