2016 - 2024

感恩一路有你

jsonp原理及简单实现 JSONP的工作原理是什么?

浏览量:2918 时间:2021-03-14 01:30:46 作者: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函数中进行。

既然JSONP同样可以请求到数据,还可以跨域,为什么还要用axios?

Axios和jsonp不是解决同一个问题的同一个东西

Axios是Ajax请求的封装

而jsonp是跨域Ajax请求的解决方案

所以即使使用Axios,也会出现跨域问题。当您遇到跨域问题时,可以选择使用jsonp/proxy来解决这个跨域问题。

本质上,两者之间没有冲突

JSON只是JavaScript对象表示法的缩写,所以您可以像HTML一样直接读取字母。你可以像阅读HTML一样阅读JSON,也就是说你可以阅读每一个字母

sonp(带填充的JSON)是JSON的一种“使用模式”,可以用来解决主流浏览器的跨域数据访问问题。由于同源策略,它通常位于Server1中example.com网站的网页不是Server1example.com网站服务器通信,和HTML

外行?从理论上讲,JS是一种脚本语言(JavaScript),JSON(JavaScript object notation,JS)是一种轻量级的数据交换格式,是JS的子集,没有替代,没有替代。PHP、Java等后端语言开发的API接口返回JSON标准格式的数据,方便前端调用。前端可以使用js读取JSON数据,结果显示在网站上!为什么是JSON?因为JSON是一种标准的数据交互格式。大多数语言都可以读取JSON数据。这样,我们就可以开发多个终端,比如流行的微信小程序、应用程序和网站,来同步数据!

jsonp原理及简单实现 Ajax跨域 json菜鸟教程

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