Ajax 跨域问题如何解决

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
}
});