jsonp跨域原理

跨域是对浏览器端的安全限制,服务器端是没有跨域的。
协议、域名、端口三者只要有一项不同,就是跨域。


域xxx.com下的js脚本想要请求另外一个域yyy.com下的资源时,就发生了跨域请求,这是禁止的。


1.png

通过<script src='yyy.com/asdfasdf'></script>来引入另外一个域下的js脚本却是可以的。


2.png

js通过调用方法生成<script src=''>来间接请求到另一个域下的资源,返回的jsonp其实是可执行的js脚本,回调自己的方法。


3.png

jQuery实现了方法简化了调用步骤,通过$.getJSON("http://yyy.com/abcdefg.do?jsonpcallback=?",function(data){ //回调方法 })方法使用。

4.png

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 利用 页面上 script 标签可以跨域,并且其 src 指定的js脚本到达浏览器会执行的特性,我们可以进行跨域取...
    tobAlier阅读 7,253评论 3 1
  • 1、一个众所周知的问题,Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、...
    飞飞廉阅读 2,615评论 0 1
  • 首先json是一种基于文本的数据交换方式/或者叫做数据描述格式 当一个网页在请求文件的时候不受跨域的影响凡是拥有s...
    儒生阅读 1,400评论 0 0
  • JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中,有一个很重要的...
    西瓜w阅读 5,797评论 0 1
  • Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点(流行术语...
    张玉帅阅读 4,592评论 0 3

友情链接更多精彩内容