Ajax跨域(AJAX的核心是XMLHttpRequest)
原生ajax的四个过程:
实例化,open,send,onreadystatechange,然后是req,readyState和status。
为什么会发生ajax跨域(同时满足以下三个,可能跨域原因)
1.浏览器限制
2.跨域.端口不同/协议不同/ip不同
3.XHR(XMLHttpRequest)请求类型
解决方法:
1.代理
通过后台(ASP、php、JAVA、ASP.NET)获取其他域名下的内容,再把获得内容返回到前端,这样因为在同一个域名下,所以就不会出现跨域的问题。
2.JSONP
只支持GET请求,返回数据格式必须是json数据
3.XHR2(XMLHttpRequest Level2)
(在服务器端响应接口添加2个响应头)
Access-Control-Allow-Origin: * //*代表任何域。也可以指定地址
Access-Control-Allow-Methods: POST,GET //支持的方法
这样在客户端使用常规的ajax即可
总结
代理实现最麻烦,但使用最广泛,任何支持AJAX的浏览器都可以使用这种方式。
JSONP相对简单,但只支持GET方式调用。
XHR2最简单,但只支持html5,如果你是移动端开发,可以选择使用XHR2。
//Jquery
$.ajax({
type:"get",
url:url,
async:false, //async是异步 sync是同步
data:{},
dataType:"json",
succedd:function(msg){
},
error:function(){
}
});