前端解决跨域问题---CORS

CORS能做什么：

正常使用AJAX会需要正常考虑跨域问题，所以伟大的程序员们又折腾出了一系列跨域问题的解决方案，如JSONP、flash、ifame、xhr2等等。

CORS的原理：

CORS定义一种跨域访问的机制，可以让AJAX实现跨域访问。CORS 允许一个域上的网络应用向另一个域提交跨域 AJAX 请求。实现此功能非常简单，只需由服务器发送一个响应标头即可。

一个使用CORS实现跨域请求的示例：

function getHello() {
   
	var xhr = new XMLHttpRequest();
	xhr.open("post", "http://b.example.com/Test.ashx", true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");　　　 
	// 声明请求源
	xhr.setRequestHeader("Origin", "http://a.example.com");
	xhr.onreadystatechange = function () {
   
		if (xhr.readyState == 4 && xhr.status == 200) {
   
			var responseText = xhr.responseText;
			console.info(responseText);
		}
	}
	xhr.send();
}

服务端:

• header(‘Access-Control-Allow-Origin :’.$origin); //允许的域名（ * 所有域）
• header(‘Access-Control-Allow-Methods : POST’); //允许的方法
• header(‘Access-Control-Allow-Headers : x-requested-with , content-type’); //服务器支持的头信息
• Content-Type: text/html; charset=utf-8 // 具体请求中的媒体类型信息

public class Test : IHttpHandler
{
   
	public void ProcessRequest(HttpContext context)
	{
   
		context.Response.ContentType = "text/plain";
		// 声明接受所有域的请求
		context.Response.AddHeader("Access-Control-Allow-Origin", "*");
		context.Response.Write("Hello World");
	}
	public bool IsReusable
		{
   
			get
		{
   
			return false;
		}
	}
}

node

app.all('*', function(req, res, next) {
   
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res