JSON和JSONP

转载 2015年11月18日 15:40:36

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



json与jsonp的区别、同源策略

有关json与jsonp的区别(json才是目的,jsonp只是手段)介绍如下所示: 一言以蔽之,json返回的是一串数据;而jsonp返回的是脚本代码(包含一个函数调用); JSON...
  • jing_valora
  • jing_valora
  • 2016年07月15日 10:44
  • 2366

说说JSON和JSONP,也许你会豁然开朗

转载地址:说说JSON和JSONP,也许你会豁然开朗 前言   由于Senc 前言   由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来...
  • u010648555
  • u010648555
  • 2016年06月23日 15:51
  • 1711

对Json 和jsonp跨域请求数据 的理解

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。对于JSON大家应该是很了解了吧,不是很清楚的朋友可以去json.org上了解下,简单易懂。JSONP是J...
  • u014209090
  • u014209090
  • 2014年12月10日 16:12
  • 5110

JSON to JSONP- Bypass Same-Origin Policy

  • 2009年10月15日 16:08
  • 39KB
  • 下载

json和jsonp数据格式返回

  • 2017年03月10日 09:26
  • 54KB
  • 下载

jsonp json ajax跨域调用

  • 2012年04月20日 21:36
  • 86KB
  • 下载

android html5 ajax jsonp json

  • 2016年07月26日 10:11
  • 51.56MB
  • 下载

说说JSON和JSONP,也许你会豁然开朗,含jQuery用例

转载于:【原创】说说JSON和JSONP,也许你会豁然开朗,含jQuery用例  前言:   说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何...
  • yaojianguo1234
  • yaojianguo1234
  • 2017年05月11日 23:57
  • 64

很详细的JSON和JSONP原理与运用

作者: 随它去吧  来源: 博客园  发布时间: 2012-07-16 14:33   原文链接    前言   由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交...
  • qq_22075041
  • qq_22075041
  • 2017年03月26日 11:41
  • 473

AJAX 跨域请求 - JSONP获取JSON数据

转载自:点击打开链接 Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点(流行术语为 Web 2.0 站点)的关键技术。Ajax 允许在不...
  • qq_15096707
  • qq_15096707
  • 2016年02月03日 15:20
  • 409
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JSON和JSONP
举报原因:
原因补充:

(最多只允许输入30个字)