js跨域问题

桃扇骨 2022-06-17 11:44 209阅读 0赞

跨域问题，网上资料很多，但是太多复制粘贴，还错误百出，这里我总得说一下吧

1.  第一个方法就是jsonp，这个只能采用get方式请求，具体自己百度，由于post用的多，我不喜欢这个方法，直接淘汰
2.  第二个方法就是cros跨域，服务端要设置响应头如下
    
        header("Access-Control-Allow-Credentials", true)
        header("Access-Control-Allow-Origin", request.getHeader("Origin"))
    
    注意
    
        "Access-Control-Allow-Origin"不能设置成"*"

然后就是客户端，现在的浏览器一般都会支持，直接用原生js写的话如下

其中   xhr.withCredentials = true; 是跨域关键

如果用jquery写的话就比较简单了

$.ajax({
    	type : "post",
    	url : "请求的url",
    	dataType:"json",
    	xhrFields: {
            withCredentials:true
        },
    	success : function(msg){
    		alert(msg.ret);
    	}
    });

如果要携带cookie的话，cookie设置成主域名，就可以携带了，当然这是在主域名相同的情况下，二级域名之间的跨域才可以传递cookie

这里我要强调一下用jquery写的话虽然简单，但是要注意jquery插件版本，如果是低版本或者min版本，有可能会不支持这种cros跨域，博主1.7.3的可以用，我曾经就因为用的低版本的min版本，怎么也成功不了，希望猿友们少走点弯路！