JSON和JSONP

最新推荐文章于 2023-01-09 16:50:23 发布

daiqinge

最新推荐文章于 2023-01-09 16:50:23 发布

阅读量551

点赞数

文章标签： JSON JSONP

转载来自：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带来的数据"});

daiqinge

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSON和JSONP

转载来自：http://www.jb51.net/article/57728.htm http://kb.cnblogs.com/page/139725/一概念 1. JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，用于在浏览器和服务器之间交换信息。
复制链接

扫一扫