JSONP

由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com 的服务器沟通,而 HTML 的 <script> 元素是一个例外。利用 <script> 元素的这个开放策略,网页可以得到从其他来源动态产生的 JSON 资料,而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON,而是任意的 JavaScript,用 JavaScript 直译器执行而不是用 JSON 解析器解析。
 
把 <script> 元素的 src 属性设成一个回传 JSON 的 URL 是可以的,这也代表从 HTML 页面透过 script 元素抓取 JSON 是可能的。
 
然而,一份 JSON 文件并不是一个 JavaScript 程序。为了让浏览器可以在 <script> 元素执行,从 src 里 URL 回传的必须是可执行的 JavaScript。在 JSONP 的使用模式里,该 URL 回传的是由函数呼叫包起来的动态生成 JSON,这就是JSONP 的“填充(padding)的由来。
 
惯例上浏览器提供回调函数的名称当作送至服务器的请求中命名查询参数的一部份,例如:
 <script type="text/javascript"
         src="http://server2.example.com/RetrieveUser?UserId=1823&jsonp=parseResponse">
 </script>
服务器会在传给浏览器前将 JSON 数据填充到回调函数(parseResponse)中。浏览器得到的回应已不是单纯的资料叙述而是一个脚本。在本例中,浏览器得到的是:
 
   parseResponse({"Name": "Cheeso", "Id" : 1823, "Rank": 7})
 
JSONP 可以在不支援 CORS 的老旧浏览器上运作。现代的浏览器都支援 CORS
 

posted on 2016-01-28 14:00  迷茫小飞侠  阅读(131)  评论(0编辑  收藏  举报

导航