Ajax 跨域的几种解决方案
作者：黄轩
链接：http://www.zhihu.com/question/19618769/answer/38934786
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
链接：http://www.zhihu.com/question/19618769/answer/38934786
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
首先假设你请求数据的网站为B。要看你是否可以控制（修改里面的代码）。
1 jsonp 缺点 只能get请求 ，需要修改B网站的代码
2 cors 刘子龙说的方案，这个方案缺点 是 ie6 7 兼容不好（倒是不见得要兼容）。需要B网站在响应中加头
3 postMessage 缺点也是 ie6 7 兼容不好（倒是不见得要兼容）。需要修改B网站的代码
4 iframe window.name 传值得方式很巧妙，兼容性也很好。但是也是需要你能修改B网站代码
5 服务端主动请求B网站，兼容性好而且你客户端的代码还是原来的ajax，缺点是感觉不好。。
6 类似5 用nginx把B网站的数据url反向代理。
我觉得吧，
如果你不能修改B网站的代码老老实实5 6 方案
如果能修改B网站 方案2的修改应该是最简单的。
就算是B网站你可以修改，还有种需求处理起来比较麻烦的，就是有的数据需要登录之后才能取。
最直接的方案，B网站提供数据的url 进去先提供用户名密码，走下登录再走取数据，最后返回数据。
但是往往最直接的方案都不是好的方案。。。
（登录请求=》返回令牌=》带令牌请求受限数据）
所以最好用是方案2 然后B网站有oauth 功能，你的页面加个登陆后，用户登陆后客户端保存好token_key，然后取数据。（这个方案类似通过sessionid得到session。因为安全相关的原因，通过通过sessionid得到session 这样的需求并不是所有语言的所有框架都会提供的）
当然oauth方案也有坏处，就是B网站本来没有oauth，要加上一个会略麻烦。
所以还可以选择方案2 加上withcredentials=true 这个方案。当然登录页面还是需要的
这个问题已经是4年前的了，不过跨域请求似乎是个永恒的问题，正好最几天刚刚也遇到了类似的需求，就写得多了一点了。最近需要将原来的一个web网站写成手机版本，我是用的html5 加cordova 打包成手机程序的， 方案2 cors 然后加withcredentials=true 然后在登录请求后重写手机客户端的cookie 方案能很好满足我的需求。 希望对大家有帮助
1 jsonp 缺点 只能get请求 ，需要修改B网站的代码
2 cors 刘子龙说的方案，这个方案缺点 是 ie6 7 兼容不好（倒是不见得要兼容）。需要B网站在响应中加头
3 postMessage 缺点也是 ie6 7 兼容不好（倒是不见得要兼容）。需要修改B网站的代码
4 iframe window.name 传值得方式很巧妙，兼容性也很好。但是也是需要你能修改B网站代码
5 服务端主动请求B网站，兼容性好而且你客户端的代码还是原来的ajax，缺点是感觉不好。。
6 类似5 用nginx把B网站的数据url反向代理。
我觉得吧，
如果你不能修改B网站的代码老老实实5 6 方案
如果能修改B网站 方案2的修改应该是最简单的。
就算是B网站你可以修改，还有种需求处理起来比较麻烦的，就是有的数据需要登录之后才能取。
最直接的方案，B网站提供数据的url 进去先提供用户名密码，走下登录再走取数据，最后返回数据。
但是往往最直接的方案都不是好的方案。。。
（登录请求=》返回令牌=》带令牌请求受限数据）
所以最好用是方案2 然后B网站有oauth 功能，你的页面加个登陆后，用户登陆后客户端保存好token_key，然后取数据。（这个方案类似通过sessionid得到session。因为安全相关的原因，通过通过sessionid得到session 这样的需求并不是所有语言的所有框架都会提供的）
当然oauth方案也有坏处，就是B网站本来没有oauth，要加上一个会略麻烦。
所以还可以选择方案2 加上withcredentials=true 这个方案。当然登录页面还是需要的
这个问题已经是4年前的了，不过跨域请求似乎是个永恒的问题，正好最几天刚刚也遇到了类似的需求，就写得多了一点了。最近需要将原来的一个web网站写成手机版本，我是用的html5 加cordova 打包成手机程序的， 方案2 cors 然后加withcredentials=true 然后在登录请求后重写手机客户端的cookie 方案能很好满足我的需求。 希望对大家有帮助
