JSONP
2016-01-28 14:00
501 查看
由于同源策略,一般来说位于 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
http://zh.wikipedia.org/zh-cn/JSONP
把 <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
http://zh.wikipedia.org/zh-cn/JSONP
相关文章推荐
- 正则表达式 总结
- 【JSP】--重定向,转发--186 drp
- javascript高级程序设计第二章
- JavaScript 与 图片
- js 字符串转换成数字的三种方法
- Javascript面向对象编程(三):非构造函数的继承
- ConvnetJS源代码分析第二篇(补充)
- javascript高级程序设计第一章
- Javascript面向对象编程(二):构造函数的继承
- htmlunit 执行 javascript 时,不下载整个页面只返回url
- Javascript面向对象编程(一):封装
- js绘制菱形(空心和实心)
- js 导出excle之终极攻略(兼容各大浏览器),纯JS实现
- 读书笔记 JavaScript 高级程序设计(第三版)-- 第2章
- 【Web前端】:JavaScript常用代码积累
- js定时执行
- 使用highchart.js
- angular js学习笔记
- title属性中的内容包含大于号和小于号, 如何替换?
- [转]js中的时间与毫秒数互相转换