JSONP是什么-创新互联

创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商，新人活动买多久送多久，划算不套路！

成都创新互联公司专业为企业提供王屋网站建设、王屋做网站、王屋网站设计、王屋网站制作等企业网站建设、网页设计与制作、王屋企业网站模板建站服务，10年王屋做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

JSONP是什么？针对这个问题，这篇文章给出了相对应的分析和解答，希望能帮助更多想解决这个问题的朋友找到更加简单易行的办法。

JSONP

JSONP(JSON with Padding)是JSON的一种"使用模式"，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON，而是任意的JavaScript，用 JavaScript 直译器执行而不是用 JSON 解析器解析。

JSONP的由来

根据浏览器同源策略，所谓同源就是协议、主机、端口号都相同时成为同源。a 域的js不能直接访问 b域名的信息，但是script 标签的src属性可以跨域引用文件，jsonp是请求之后后台包装好一段json，并且把数据放在一个callback函数，返回一个js文件，动态引入这个文件，下载完成js之后，会去调用这个callback,通过这样访问数据。

JSONP有什么用？

由于同源从略的限制，XMLHttpRequest只允许请求前源（域名、协议、端口）的资源，为了实现跨域请求，可以通过script标签实现跨域请求，然后再服务端输出JSON数据并执行回调函数，从而解决跨域数据请求

JSONP原理

首先在客户端注册一个函数；然后把函数的名字传给服务器；接着服务器成JSON数据，并以Javascript语法的方式，将数据传入客户端注册的函数中；最后在客户端注册函数中接收JSON即可。

JSONP的使用

1. 在客户端调用提供JSONP支持的URL Service，获取JSONP格式数据。

比如客户想访问http://www.yiwuku.com/myService.aspx?jsonp=callbackFunction

假设客户期望返回JSON数据:["customername1","customername2"]

那么真正返回到客户端的Script Tags: callbackFunction(["customername1","customername2"])

可能的调用方式:

2. 在客户端写callbackFunction函数的实现

3. 页面展示

4. 最终Page Code

关于JSONP的介绍就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

分享标题：JSONP是什么-创新互联
文章出自：https://www.cdcxhl.com/article24/dshhce.html

成都网站建设公司_创新互联，为您提供小程序开发、关键词优化、ChatGPT、企业建站、静态网站、网站内链

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联