Ajax跨域问题:
域的概念:
域:协议+IP+端口
为什么AJAX访问不能跨域呢?
同源政策:不是同协议 同域名 同端口 的网页无法相互访问。
用form表单提交到不同源的网页是被允许的,因为 form 提交到另一个域名之后,原页面的脚本无法获取新页面中的内容,所以浏览器认为这是安全的。而 AJAX 是可以读取响应内容的,因此浏览器不能允许你这样做。但是,其实请求已经发送出去了,你只是拿不到响应而已。 所以浏览器这个策略的本质是,一个域名的 JS ,在未经允许的情况下,不得读取另一个域名的内容。但浏览器并不阻止你向另一个域名发送请求。
解决方案:
响应头中添加:Access-Control-Allow-Origin: http://localhost:8080
即可
被访问方,添加此响应头;响应头中设置访问方的域 或在被访问方的Controller类或方法上,添加注解:
@CrossOrigin("http://localhost:8080")
public class SysUserController {
....
}
跨域携带cookie :
A 不仅要能访问 B,还能在请求中携带B的cookie,进而保证B中运行时有cookie可用
被访问方:B
指定好允许的域
@CrossOrigin(value = "http://localhost:8080") // 允许域为 http://localhost:8080 访问
public class SysUserController {
....
}
访问方:A
在请求中加入 withCredentials: true
$.ajaxSetup({
xhrFields: {
withCredentials: true
}
});
$.getJSON("http://localhost:8989/web/sys/user/info...);
$.get(...)
$.post(...)
或者:
$.ajax({
type: "POST",
url: "http://localhost:8989/web/sys/login",
...,
xhrFields: {
withCredentials: true
}
});