JSONP原理

JSONP(JSON with Padding)，就是异步请求跨域的服务器端时，不是直接返回数据，而是返回一个js方法，把数据作为参数传过来。如果只是跨域传递数据那么这种方式是比较好的。字面理解就是：利用内填充的原理，将json填充到一个box中的概念。

原理总是又饶又拗口，直接来个简单的小例子吧！

在www.aaa.com 页面中：

在 中：

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