跨域解决的几种方案

Posted 2020-10-15 成功的路上总是离不开贵人的帮助，名师的指点和小人的刺激。

前两天碰到一个跨域问题的处理，使用jsonp可以解决。（http://www.jb51.net/article/57889.htm）

最近再整理了一下：

1.jsonp。

   ajax请求，dataType为jsonp。这种形式需要请求在服务端调整为返回callback([json-object])的形式。如果服务端返回的是普通json对象。那么调试的时候，在chrome浏览器的控制台会报"Uncaught SyntaxError: Unexpected token"错误；在firefox浏览器的控制台会报"SyntaxError: missing ; before statement"错误。

2.iframe跨域。

   页面中增加一个iframe元素，在需要调用get请求的时候，将iframe的src设置为get请求的url即可发起get请求的调用。

 

3.script元素的src属性处理

   iframe、img、style、script等元素的src属性可以直接向不同域请求资源，jsonp正是利用script标签跨域请求资源的简单实现，所以这个和jsonp本质一样，同样需要服务端请求返回callback...形式。

 

 

4.cors(Cross-Origin Resource Sharing)跨域共享

5.nginx 反向代理转发解决跨域