关闭

JSON和JSONP

标签: JSONJSONP
175人阅读 评论(0) 收藏 举报

转载来自:http://www.jb51.net/article/57728.htm         

                   http://kb.cnblogs.com/page/139725/


一  概念

      1.  JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于在浏览器和服务器之间交换信息。

              //JSON
             {
                         “name”: “sb”
             }

      2.  JSONP(JSON With Padding),就是打包在函数调用中的的JSON(或者包裹的JSON)。JSON是一种数据格式,JSONP是一种数据调用方式。

             //JSONP
                 callback({
                           “name”: “sb”
                   })


二 应用

         出于安全考虑,脚本(AJAX)不能访问非本域的内容。但是,静态资源是不受域策略限制的,可以加载任意域的脚本、样式、图片等静态资源,JSOP就是利用这种原理来实现跨域获取数据的。

1. 第一个例子
 //在Web页面中包含showPrice函数和参数
 <script type="text/javascript">
 function showPrice(data) {
     alert("Symbol: " + data.symbol + ", Price: " + data.price);
 }
 </script>
 <script type="text/javascript">showPrice({symbol: 'IBM', price: 91.42});</script>

2. 第二个例子

jsonp.html页面代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
    var localHandler = function(data){
        alert('我是本地函数,可以被跨域的remote.js文件调用,远程js带来的数据是:' + data.result);
    };
    </script>
    <script type="text/javascript" src="http://remoteserver.com/remote.js"></script>
</head>
<body>
</body>
</html>
remote.js文件代码如下:

localHandler({"result":"我是远程js带来的数据"});



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:85803次
    • 积分:918
    • 等级:
    • 排名:千里之外
    • 原创:34篇
    • 转载:20篇
    • 译文:0篇
    • 评论:18条
    最新评论