JSONP原理

只要说到跨域，就必须聊到JSONP，就必须讲一下JSONP的实现原理，以及在项目中哪个需求使用了JSONP，简单讲就是HTML里面所有带src属性的标签都可以跨域，如iframe，img，script等。

所以可以把需要跨域的请求改用成script脚本加载即可，服务器返回执行字符串，但是这和字符串实在window全局作用下执行的，你需要把他返回到你的代码的作用域内，这里就需要临时创建一个全局的回掉函数，并传到后台，最后再整合实际要求的数组，返回给前端，让浏览器直接调用，用回调的形式回到你的源代码流程中

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原来你是这样的jsonp(原理与具体实现细节)
    前言 原文地址 仓库地址 jsonp(JSON with padding)你一定不会陌生，前端向后端拿数据的方式之...
    谦龙阅读 625评论 0赞 4
  • jsonp原理
    JSONP的诞生 1.首先，因为ajax无法跨域，然后开发者就有所思考 2.其次，开发者发现，script标签的s...
    heachou阅读 499评论 0赞 0
  • js跨域之jsonp原理
    写在前面 一说到javascript的跨域，很多人第一时间想到的就是jsonp(JSON with Padding...
    小枫学幽默阅读 734评论 0赞 6
  • JSONP原理及实现跨域方式
    JSONP的出现是因为游览器的同源策略，所谓同源是指所请求的主机，域名，协议，端口与当前相同。同源策略限制了我们无...
    Rin阳阅读 1,765评论 2赞 6
  • 关于幸福
    人应该都是善良的吧，“人之初，性本善”嘛。人是善良的，兽也是善良的，王小波的那只特立独行的猪是善良的，现...
    蚕豆湿诗阅读 119评论 1赞 0