2016 - 2024

感恩一路有你

webpack打包原理阮一峰 JSONP的工作原理是什么?

浏览量:2198 时间:2021-03-16 11:27:50 作者:admin

JSONP的工作原理是什么?

对于开发人员来说,API开发和调用是必不可少的。在我们的日常开发中,如果调用第三方API,并且以JSON数据格式返回第三方API,那么默认情况下不能直接调用(比如在Ajax模式下调用),因为会涉及跨域问题。如何解决JSON的跨域调用?那么你必须使用jsonp

!还有一个不精确的理解:带回调的JSON是jsonp。

由于浏览器的同源策略,a.com上的网页无法直接与b.com服务器进行通信。Jsonp用于解决浏览器的跨域数据访问问题。

(<script>标记没有跨域限制)!所以我们可以使用这个功能与第三方进行通信。

JSONP整个工作流程如下:

1,调用方页面使用script标签引用第三方API地址;

2,第三方响应数据是JSON数据包,格式如下:

3,这样浏览器得到的API实际是JS代码后,再调用回调函数,函数的参数是JSON对象,我们可以在回调中。数据处理在CK函数中进行。

webpack打包原理阮一峰 webpack逆向 webpack动态import原理

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。