json 是个什么东西?
2015-06-20 20:15
633 查看
JSONP原理
JSONP(JSON with Padding),就是异步请求跨域的服务器端时,不是直接返回数据,而是返回一个js方法,把数据作为参数传过来。如果只是跨域传递数据那么这种方式是比较好的。字面理解就是:利用内填充的原理,将json填充到一个box中的概念。原理总是又饶又拗口,直接来个简单的小例子吧!
在www.aaa.com 页面中:
<script type="text/javascript" src="http://www.bbb.com/jsonp.js"></script> <script type="text/javascript"> function jsonp(json){ alert(json[‘name’]); } </script>
在www.bbb.com/jsonp.js 中:
jsonp({'name':'twobin','age':24});
则页面会弹出“twobin”,是否更为直观好理解一点呢!
我们可以取到www.bbb.com/jsonp.js,里面是一个名为jsonp的函数(这个函数名称可以自定义),这个函数也会被加载到www.aaa.com。加载完成后,就应该执行jsonp了,然后我们在www.aaa.com定义jsonp函数,这个函数里写一些处理数据的语句。这样其实就简单地实现了跨域访问数据了,这也就是JSONP的工作原理了。而“JSON with Padding”的意思,就是jsonp(json)中的json,即
{'name':'twobin','age':24}
这个JSON对象被包在jsonp这个函数中当作参数来被处理,而“JSON with Padding”这个词很形象地形容了这个过程。
JSON 是个什么东西呢?
它其实就是一个js的变量,放到另一个js里是使用
如 json({"name":"li","age":"18"}) 1.js 。要在另一个html文件里调用 这个json (不一定是json,可以是任意一个变量如,f({"":""}), b({"":""})都可以)
调用代码
function f(date){ alert(date['name']) }
来源:http://www.cnblogs.com/twobin/p/3395086.html
相关文章推荐
- json_encode详解,转义
- js中this的指向
- js加载器动态加载外部Javascript文件
- json_encode
- json跨域
- json最简单的跨域
- 使用debug.js调试手机网页
- C#.NET序列化XML、JSON、二进制微软自带DLL与newtonsoft(json.net)
- 背景渐变 兼容IE
- 多行文本超出 JS省略号...
- HTML页面交互(JavaScript、PHP)
- Javascript的一个生产PDF的库: unicode和中文问题的解决
- javascript的内置对象
- [LeetCode][JavaScript]Copy List with Random Pointer
- [转] js遍历 子节点 子元素
- JSON总结
- javascript基础知识--什么是构造函数?什么是实例化对象?
- Js数组的操作push,pop,shift,unshift等方法详细介绍
- 黑马day06 jsp之中文乱码&原理&解决方案
- js对象