码迷,mamicode.com
首页 > 其他好文 > 详细

关于跨域请求的两种方案

时间:2019-03-12 18:37:15      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:缺点   后台   跨域请求   执行   ack   详解   方式   实现   请求   

cors方式

之前在chrome控制台看到金蝉同一个请求有的时候会发送两个(多出一个OPTION的情况)的情况,有点奇怪,经过一顿研究发现原来这个是 CORS 实现跨域 非简单请求 的处理方式。具体内容参见阮大神的文档跨域资源共享 CORS 详解

jsonp方式

原理

利用<script>标签src不受同源策略限制。

缺点

  • <script>请求的内容会直接执行,那么这就要求接口返回的东西是浏览器可执行的,目前的实现方式都是把结果包装成callback(reslut)这种模式,但是这样对后台代码带来侵入。
  • 同时由于H5提出的<script>标签onError事件在各个浏览器的不支持,所以使得这种跨域方式的错误(如:500、404...)基本没法处理。

总结

综上,在能够使用cors的情况尽量不使用jsonp方式。

关于跨域请求的两种方案

标签:缺点   后台   跨域请求   执行   ack   详解   方式   实现   请求   

原文地址:https://www.cnblogs.com/learningchencheng/p/10518236.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!