JSONP-1.1

最新推荐文章于 2024-05-16 11:50:27 发布

彩舒

最新推荐文章于 2024-05-16 11:50:27 发布

阅读量351

点赞数

分类专栏：前端技术文章标签： jsonp

本文链接：https://blog.csdn.net/caishu1995/article/details/94724685

版权

前端技术专栏收录该内容

105 篇文章 1 订阅

订阅专栏

先祭出度娘的定义

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

来源： https://baike.baidu.com/item/jsonp

也就是说，人家本来就是为了解决跨域的，主要利用script的策略。也就是任意后台通过加载返回js，这个模式就是jsonp。

例子:

前端

<!DOCTYPE html>
<html>
<head><title></title></head>
<body>
	<script>  
	    function JSONP_getUsers(users){ console.dir(users); }
	</script>  
    <script src="http://192.168.2.86/getUsers.php"></script>
</body>
</html>

后端，只要能返回 JSONP_getUsers(users) 就行

彩舒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSONP-1.1

先祭出度娘的定义 JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这...
复制链接

扫一扫