js跨域资源共享 基础篇
本文详细介绍了javascript跨域资源共享,供大家参考,具体内容如下
1.为什么提出跨域资源共享(CORS)?
因为XHR实现ajax的安全限制是:XHR对象只能访问与包含它的页面位于同一个域中的资源
2.如何实现跨域?(跨浏览器)
//跨浏览器创建并返回CORS对象 //parammethod:请求的方式,getorpost //paramurl:跨域请求的url //returnxhr:返回的跨域资源对象 functioncreateCORSRequest(method,url){ varxhr=newXMLHttpRequest(); if("withCredentials"inxhr){ xhr.open(method,url,true);//CORS都是通过异步的请求 }elseif(typeofXDomainRequest!="undefined"){//IE vxhr=newXDomainRequest(); xhr.open(method,url); }else{ xhr=null; } returnxhr; } varrequest=createCORSRequest("get","http://localhost/aaa/dome2.php"); if(request){ //用于替代onreadystatechange检测成功,表示接受数据完毕 request.onload=function(){ //对响应的信息进行处理 alert(request.responseText);//取得响应的内容 }; //用于替代onreadystatechange检测错误。 request.onerror=function(){ //对响应的信息进行处理 }; //用于停止正在进行的请求。 request.onabort=function(){ //对响应的信息进行处理 alert(request.responseText); }; //跨域发送请求 request.send(); }
以上就是本文的全部内容,希望对大家的学习有所帮助。