浅析CORS跨域请求

Cross-Origin Resource Sharing（简称CORS），是W3C制定的网络跨域资源请求的一个“正式”技术。网上相关介绍有很多，但是基本上都停留于理论层面。当你很想知道具体怎么实现一个CORS的时候很难一下子找到靠谱的参考资料。那么这里简单介绍一下前后端CORS的实现机制。

对于前端（JavaScript）而言，做一个CORS和普通ajax请求并没有什么区别（前提是浏览器平台支持CORS）：

 

var xhr=new XMLHttpRequest();
var url="example.com";
xhr.onreadystatechange=function(){
    if(xhr.readyState==4){
        if((xhr.status>=200 && xhr.status<300) || xhr.status==304){
            //success(JSON.parse(xhr.responseText));
            xhr=null;
        }else{
            //error();
            xhr=null;
        }
    }
};
url=url+"?"+encodeURIComponent("param")+"="+encodeURIComponent("value");
xhr.open("get",url,true);
xhr.setRequestHeader("Content-Type",options.contentType);
xhr.ontimeout=