ajax跨域问题

首先我们要知道ajax为什么跨域，是什么原因引发跨域，要如何解决跨域

ajax跨域的原因

1. 浏览器的限制
2. 跨域
3. xhr请求的原因——也就是XMLHttpRequest请求

跨域问题缺少以上三点都不可能出现跨域的情况，浏览器限制通俗点来讲就是多管闲事，因为跨域引发的安全问题。很多人以为跨域是服务端不让请求，其实是错误的。还有XMLHttpRequest请求，如果请求的type不是xhr也就不会引发跨域

怎么解决跨域

jsonp方式
被请求端修改代码
请求端反向代理

jsonp请求优缺点

优点：1.它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制；
     2.它的兼容性更好，在更加古老的浏览器中都 可以运行，不需要XMLHttpRequest或ActiveX的支持；
     3.并且在请求完毕后可以通过调用callback的方式回传结果。
缺点：1.需要服务端修改代码，同意jsonp请求的方式
     2.只能用get请求，限制太大了
     3.它只支持跨域HTTP请求这种情况，不能解决不同域的两个页面之间如何进行JavaScript调用的问题。

服务端

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: POST, GET, OPTIONS
Access-Control-Allow-Headers: X-PINGOTHER, Content-Type
Access-Control-Max-Age: 86400
// 请求头中携带cookie
"Access-Control-Allow-Credentials": true

//ajax
xhrFields: {
    withCredentials: true // 请求头中同意携带cookie
},
crossDomain: true,  // 跨域