跨域资源共享10种方式

最新推荐文章于 2024-11-22 17:15:40 发布

原创最新推荐文章于 2024-11-22 17:15:40 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了JSONP（JSON with padding）的工作原理及其应用场景。JSONP是一种跨域数据获取技术，通过动态<script>标签加载远程JSON数据，并利用回调函数处理返回的数据。文章讨论了JSONP的优点和局限性。

JSONP

JSOP是JSON with padding的简写。JSONP由两部分组成：回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数，回调函数的名字一般是在请求中指定的。而数据就是传入回调函数中的JSON数据。下边就是一个典型的JSONP请求。http://freegeoip.net./json/?callback=handleResponse

通过查询字符串来指定JSONP服务的回调参数是很常见的，就像上边的URL所示，这里指定的回调函数的名字就handleResponse（）

JSONP是通过动态<script>元素，为src属性来指定一个跨域URL来使用的。这里的<script>元素与<img>元素类似，都有能力不受限制地从其他域加载资源。因为JSONP是有效的Javascript代码，所以在请求完成后，即在JSONP响应加载到页面中以后，就会立即执行。

与图像Ping相比，它的优点在于能够直接访问响应文本，支持在浏览器与服务器之间双向通信。

不足：

1、JSONP是从其他域中加载代码执行，如果其他域不安全，很可能会在响应中夹带一些恶意代码，而此时除了完全放弃JSONP调用之外没有办法追究。因此在使用不是自己运维的Web服务时，一定要确保它安全可靠。

2、要确定JSONP请求是否失败并不容易。虽然HTML5给<script>元素新增了一个onerror事件处理程序，但目前还没有得到任何浏览器支持。为此不得不使用计时器检测指定时间内是否收到了响应。毕竟不是每个用户上完的速度和带宽都一样所以这种方法也不能尽如人意。