JSON的基本结构和数据交换原理

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JSON的基本结构和数据交换原理，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4744字，纯文字阅读大概需要7分钟。

内容图文

0、题外话：Jason Voorhees？

起初看到JSON的时候，第一反应就是Jason，然后就联想到了Jason Voorhees（杰森.沃尔希斯），所以他是谁？

杰森.沃尔希斯(Jason Voorhees)是由Victor Miller所创造出来的虚构连续杀人魔。说到这里，你可能还是没有印象，那么我们来张图：

是不是觉得很眼熟？没错，很多恐怖游戏中都有这个让人熟悉而恐惧的面具。

他首次出现于1980年的恐怖片《13号星期五》，然而他不是这部影片中的杀手，杀手是他母亲。到了第2集才正式登场开始杀人。

如果你是个游戏爱好者，同时又是个恐怖因子爱好者，那么同样不要错过这款《13号星期五》同名游戏！（官网链接点我）

同样爱好恐怖题材的猫鼠游戏，也千万不要错过类似的《黎明杀机》！（官网链接点我）

好了，废话有点多，下面才是我们今天的主人公是：JSON

1、JSON介绍

JSON（JavaScript Object Notation），类似于XML，是一种数据交换格式，相比之下，它比XML表达起来更简单。虽然它源自于JavaScript，但是只是一种数据格式，可以用于任何编程语言。

JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

JSON的规则很简单：对象是一个无序的 “ ‘名称/值’ 对” 集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间使用“,”（逗号）分隔。

必读延伸阅读：

【1-JavaScript编程】6-JavaScript对象 literals之对象字面量（笔记内跳转）
【1-JavaScript编程】6-JavaScript对象 literals之对象字面量（外链共享）

2、JSON的数据结构

null: 表示为 null
boolean: 表示为 true 或 false
number: 一般的浮点数表示方式
string: 表示为 "..."
array: 表示为 [ ... ]
object: 表示为 { ... }

2.1 array

跟Java中普通意义上的数组类似，一般形式如下：

[‘arr1‘,‘arr2‘,‘arr3‘];

图中的value可以是：

2.2 object

以键值对的形式出现，key和value之间用“：”隔开，两个键值对之间用“，”隔开，一般表示形式如下：

{‘key1‘:‘value1‘,‘key2‘:‘value2‘}

你可以理解为这个Object就是一个Map，下面是一个简单的JSON范例：

{
"orderID":12345,
"shopperName":"John Smith",
"shopperEmail":"johnsmith@example.com",
"contents":[
{
"productID":34,
"productName":"SuperWidget",
"quantity":1
},
{
"productID":56,
"productName":"WonderWidget",
"quantity":3
}
],
"orderCompleted":true
}

3、JSON与XML的互相比较

3.1 简单的XML

XML：

<person>
<name>xiaoMing</name>
<age>20</age>
</person>

JSON：

{
"name":"xiaoMing",
"age":20
}

3.2 复杂的XML

XML：

<section>
<title>BOOK</title>
<signing>
<authorname="author-1"/>
<booktitle="book1"price="$11"/>
</signing>
<signing>
<authorname="author-2"/>
<booktitle="book2"price="$22"/>
</signing>
</section>

JSON：

"section":{  
        "title":"BOOK",  
        "signing":[  
        {  
<spanstyle="white-space:pre"></span> "author":  
            {  
                "name":"author-1"  
            },  
            "book":  
            {  
                "title":"book1",  
                "price":"$11"  
            }  
        },  
        {  
            "author":  
            {  
                "name":"author-2"  
            },  
            "book":  
            {  
                "title":"book2",  
                "price":"$22"  
            }  
        }     
<spanstyle="white-space:pre"></span> ]}  
    }

3.3 JSON和XML的优缺点

3.3.1 XML的优缺点

优点：

（1）格式统一，符合标准；

（2）容易与其他系统进行远程交互，数据传输比较方便。

缺点：

（1）XML文件庞大，文件格式复杂，传输占带宽；

（2）服务器端和客户端都需要花费大量代码来解析XML，导致服务器端和客户端代码变得异常复杂且不易维护；

（3）客户端不同浏览器之间解析XML的方式不一致，需要重复编写很多代码；

（4）服务器端和客户端解析XML花费较多的资源和时间。

3.3.2 JSON的优缺点

优点：

（1）数据格式比较简单，易于读写，格式都是压缩的，占用带宽小；

（2）易于解析，客户端JavaScript可以简单的通过eval_r()进行JSON数据的读取；

（3）支持多种语言，包括ActionScript, C, C#, ColdFusion, Java, JavaScript, Perl, PHP, Python, Ruby等服务器端语言，便于服务器端的解析；

（4）在PHP世界，已经有PHP-JSON和JSON-PHP出现了，偏于PHP序列化后的程序直接调用，PHP服务器端的对象、数组等能直接生成JSON格式，便于客户端的访问提取；

（5）因为JSON格式能直接为服务器端代码使用，大大简化了服务器端和客户端的代码开发量，且完成任务不变，并且易于维护。

缺点：

（1）没有XML格式这么推广的深入人心和喜用广泛，没有XML那么通用性；

（2）JSON格式目前在Web Service中推广还属于初级阶段。

4、使用JSON实现数据交换

如果我们想要使用JSON包，则可以下载JSON包的源代码，并将这些代码添加进Eclipse工程中，即可调用；

如果想要看API文档，可以参见：https://github.com/stleary/JSON-java

JSON包中最常用的两个类就是JSONObject和JSONArray，分别表示两种数据结构。

4.1 数据交换原理

JSON作为数据的交换格式，在客户端和服务器端都要有对应的转换过程。

如果是客户端请求数据，那么服务器端就将Java对象先转换成 JSON字符串；
经响应把字符串传到客户端之后，客户端就会接收到这个转换结果；
但JavaScript要求把这个字符串变成对象格式才更方便访问；
所以在客户端的JavaScript代码中又需要将这个JSON字符串变成JavaScript能够识别的对象；
这样就完成了从服务器端的对象到客户端对象的整个转变过程。

同理，如果在客户端填写了数据后想提交给服务器，首先是将客户端数据构造成一个JSON对象字符串，经网络传递到服务器端，服务器端再依据转换规则将JSON字符串变成Java识别的对象。

4.2 Java对象转换为JSON

在服务器端对象的转换过程可以使用官方提供的API，JSONObject和JSONArray分别为对象和数组的转换类型。

使用这两个类型进行对象转换时代码如下，

JSONObject：

Employee emp =newEmployee(1,“王小贱”，“男”)；
JSONObject obj =JSONObject.fromObject(emp);
String jsonStr  = obj.toString();

JSONArray：

List<Employee> emps =newArrayList<Employee>();
for(int i=0;i<3;i++){
Employee s =newEmployee();
        s.setId(i+1);
        s.setName("Bear"+ i);
        s.setGender(“男”);
        emps.add(s);
}
JSONArray jsonArr =JSONArray.fromObject(emps);
String jsonStr = jsonArr.toString();

4.3 JSON字符串转换成JS对象

当JSON经传输到达客户端时，需要完成JSON到JavaScript对象的转换，

如果使用JS原生的方法进行转换的话，可以使用eval（）方法，但需要在JSON的前后连接上左右圆括号，如：

var  jsonObj = eval(“(“+ json +“)”);

（eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。语法：eval(string) ）

为什么要 eval这里要添加(‘(‘+json+‘)‘) 呢？

原因在于eval本身的问题。由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。

但是需要注意的是方式eval()方法是动态执行其中字符串（可能是js脚本）的，这样很容易会造成系统的安全问题。所以可以采用一些规避了 eval()的第三方客户端脚本库，如prototype.js里面提供的evalJSON（）方法。通过在页面中引入prototype.js文件后就可以使用这个扩展库。

实现代码如下：

<script type="text/javascript"     src="js/prototype-1.6.0.3.js"></script>
<script type="text/javascript">
function f1(){
var xhr = getXhr();
            xhr.open(‘get‘,‘quoto.do‘,true);
            xhr.onreadystatechange=function(){
if(xhr.readyState ==4){
var txt = xhr.responseText;
//将json字符串转换成javascript对象或者数组
var arr = txt.evalJSON();
}
};
            xhr.send(null);
}
</script>

4.4 JSON数据交换的思维导图

放大一些如下：

5、参考链接

null

附件列表

原文：http://www.cnblogs.com/deng-cc/p/6322136.html

内容总结

以上是互联网集市为您收集整理的JSON的基本结构和数据交换原理全部内容，希望文章能够帮你解决JSON的基本结构和数据交换原理所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1292841.html

来源：【匿名】

【下一篇】浅析php中json_encode()和json_decode()

更多 ►

【JSON的基本结构和数据交换原理】教程文章相关的互联网学习教程文章

0、题外话：Jason Voorhees？起初看到JSON的时候，第一反应就是Jason，然后就联想到了Jason Voorhees（杰森.沃尔希斯），所以他是谁？杰森.沃尔希斯(Jason Voorhees)是由Victor Miller所创造出来的虚构连续杀人魔。说到这里，你可能还是没有印象，那么我们来张图：是不是觉得很眼熟？没错，很多恐怖游戏中都有这个让人熟悉而恐惧的面具。他首次出现于1980年的恐怖片《13号星期五》，然而他不是这部影片中的杀手，杀手是他母亲。到了...

JSONP原理及其简单封装【代码】

什么是JSONP1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准；2、不过我们又发现，Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有"src"这个属性的标签都拥有跨域的能力，比如<script>、<img>、<iframe>）；3、于是可以判断，当前阶段如果想通过纯web端（ActiveX控件、服务端代理、属于未来的HTML5之Websoc...

jsonp实现跨域资源共享原理【图】

原文：https://www.cnblogs.com/guojbing/p/10392314.html

Jsonp的原理【代码】

其本质是利用了script标签具有可跨域的特性，由服务端返回预先定义好的javascript函数调用，并且将服务端数据以该函数参数的形式传递过来。一、代码客户端：　　为什么要定义callback？首先我们知道，这个get请求发出去后如何接口请求回来的数据，callback=func则可以帮我们做这件事。（需要在客户端声明一个与callback=“func”的func同名的函数，通过jsonp方式成功接收到服务器数据的时候就会自动触发这个回调函数）<button id="...

fastjson反序列化漏洞原理及利用【代码】【图】

重要漏洞利用poc及版本我是从github上的参考中直接copy的exp，这个类就是要注入的类import java.lang.Runtime; import java.lang.Process;public class Exploit {public Exploit() {try{// 要执行的命令String commands = "calc.exe";Process pc = Runtime.getRuntime().exec(commands);pc.waitFor();} catch(Exception e){e.printStackTrace();}}public static void main(String[] argv) {Exploit e = new Exploit();}} 网上经常分...

SpringMvc返回JSON的工作原理。【代码】【图】

一：导入jar包。然后在springmvc.xml中配置上这么一句话1  2 <mvc:annotation-driven/><mvc:annotation-driven /> 会自动注册DefaultAnnotationHandlerMapping与AnnotationMethodHandlerAdapter 两个bean,是spring MVC为@Controllers分发请求所必须的。并提供了：数据绑定支持，@NumberFormatannotation支持，@DateTimeFormat支...

分析JavaScript的跨域原理（jsonp）

前段时间给朋友分析了下常用的jsonp的跨域原理，跨域的方式有很多种，这里简单记录一种jsonp，阐述一下分析思想，分析过程，找到解决问题的方式。 1.JavaScript怎么跨域 2.为什么会出现跨域问题 3.常用的跨域插件是什么 4.为什么<script src=""></script>不会产生跨域问题 5.java后台跨域的处理是什么原理跨域方式？（1） document.domain+iframe的设置...

单页面应用hash、history原理以及JSONP的分析【代码】

home.html文件<body><div><button id=‘btn1‘>按钮1</button><button >按钮2</button></div> </body> <script>const bindEventListener = function (type) {const historyEvent = history[type];return function () {const newEvent = historyEvent.apply(this, arguments);const e = new Event(type);e.arguments = arguments;window.dispatchEvent(e);return newEvent;};};history.pushState = bindEventListener(‘pushState‘...

jsonp原理

问题：由于同源策略的限制，XMLHttpRequest对象实现的Ajax请求只允许访问相同域名、端口的资源，要进行跨域请求，可以借助jsonp协议进行通讯解决办法：使用jsonp请求本质：客户端传一个callback参数给给服务器，服务器收到callback参数，知道这是一个jsonp请求，把返回的数据由json变成javascript，javascript的内容就是一个函数调用，返回数据时会用这个callback的值作为函数名，返回的数据作为参数，返回客户端，客户端执行返回函...

【转载】jsonp原理详解——终于搞清楚jsonp是啥了【代码】

什么是JSONP？先说说JSONP是怎么产生的：其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，着用自己的方式来阐释一下这个问题，看看是否有帮助。1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准。2、不过我们又发现，Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们...

【跨域】#001 JSONP原理解析【总结】【代码】

一、JSONP 是什么？1.1 概念JSONP（JSON with Padding）是资料格式 JSON 的一种“使用模式”，可以让网页从别的网域要资料。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server2.example.com 的服务器沟通，而 HTML 的 <script> 元素是一个例外。利用 <script> 元素的开源策略，从其他域动态的获取数据，这就是JSONP。（让使用者利用 script 元素注入的方式绕开同源策略） 1.1.1 思路一个返回JSON数据的U...

JSONP原理，怎样实现跨域？【代码】

什么是JSONP？ JSONP和JSON的关系又是什么呢？JSON(JavaScript Object Notation)和JSONP(JSON with Padding)虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？一个...

js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)【图】

很庆幸，我又见到了末日后新升的太阳，所以我还能在这里写文章，言归正传哈，最近做了一个项目，需要用子域名调用主域名下的一个现有的功能，于是想到了用jsonp来解决，在我们平常的项目中不乏有这种需求的朋友，于是记录下来以便以后查阅同时也希望能帮到大家。什么是JSONP协议? JSONP即JSON with Padding。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源。如果要进行跨域请求，我们可以通过使用...

基于php的jsonrpc原理及应用

json rpc 是一种以json为消息格式的远程调用服务，它是一套允许运行在不同操作系统、不同环境的程序实现基于Internet过程调用的规范和一系列的实现。这种远程过程调用可以使用http作为传输协议，也可以使用其它传输协议，传输的内容是json消息体。下面我们code一套基于php的rpc框架，此框架中包含rpc的服务端server，和应用端client；（一）PHP服务端RPCserver jsonRPCServer.phpclass jsonRPCServer {/***处理一个request类，这个...

jsonp是什么？jsonp的原理详解

什么是jsonp？有什么用处？本篇文章就带大家来认识一下jsonp及对jsonp原理的理解，有需要的朋友可以参考一下。话不多说，我们直接进入正文~jsonp是什么？我们从网上可以查到jsonp的定义：JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的<script> 元素是一个例外。利...

JSON - 最热教程

demjsonpython如何安装？简介dem指标的...基于JSON格式数据的简单jQuery幻灯片插...如何处理JSON中的特殊字符 node将geojson转shp返回给前端的实现方...nodejs更新package.json中的dependenci...怎样使用js实现前后台传输Json JavaScript使用两种方法实现url解析为j...php获取通过url的json数据，返回的是空...php判断json格式是否正确的方法 Redis中添加json格式的字符串

首页 / JSON / JSON的基本结构和数据交换原理

JSON的基本结构和数据交换原理

内容导读

内容图文

0、题外话：Jason Voorhees？

1、JSON介绍

2、JSON的数据结构

2.1 array

2.2 object

3、JSON与XML的互相比较

3.1 简单的XML

3.2 复杂的XML

3.3 JSON和XML的优缺点

3.3.1 XML的优缺点

3.3.2 JSON的优缺点

4、使用JSON实现数据交换

4.1 数据交换原理

4.2 Java对象转换为JSON

4.3 JSON字符串转换成JS对象

4.4 JSON数据交换的思维导图

5、参考链接

附件列表

内容总结

内容备注

内容手机端

【JSON的基本结构和数据交换原理】教程文章相关的互联网学习教程文章

数据 - 相关标签

JSON - 最新教程

JSON - 最热教程