JSON 即 JavaScript. Object Natation,它是一种轻量级的数据交换格式,非常适合于服务器与 JavaScript. 的交互。本文将快速讲解 JSON 格式,并通过代码示例演示如何分别在客户端和服务器端进行 JSON 格式数据的处理。
尽管有许多宣传关于 XML 如何拥有跨平台,跨语言的优势,然而,除非应用于 Web Services,否则,在普通的 Web 应用中,开发者经常为 XML 的解析伤透了脑筋,无论是服务器端生成或处理 XML,还是客户端用 JavaScript. 解析 XML,都常常导致复杂的代码,极低的开发效率。实际上,对于大多数 Web 应用来说,他们根本不需要复杂的 XML 来传输数据,XML 的扩展性很少具有优势,许多 AJAX 应用甚至直接返回 HTML 片段来构建动态 Web 页面。和返回 XML 并解析它相比,返回 HTML 片段大大降低了系统的复杂性,但同时缺少了一定的灵活性。
现在, JSON 为 Web 应用开发者提供了另一种数据交换格式。让我们来看看 JSON 到底是什么,同 XML 或 HTML 片段相比,JSON 提供了更好的简单性和灵活性。
JSON 数据格式解析
和 XML 一样,JSON 也是基于纯文本的数据格式。由于 JSON 天生是为 JavaScript. 准备的,因此,JSON 的数据格式非常简单,您可以用 JSON 传输一个简单的 String,Number,Boolean,也可以传输一个数组,或者一个复杂的 Object 对象。
String,Number 和 Boolean 用 JSON 表示非常简单。例如,用 JSON 表示一个简单的 String “ abc ”,其格式为:
"abc"
除了字符 ",\,/ 和一些控制符(\b,\f,\n,\r,\t)需要编码外,其他 Unicode 字符可以直接输出。
这与绝大多数编程语言的表示方法一致,例如:
12345(整数) -3.9e10(浮点数) Boolean 类型表示为 true 或 false 。此外,JavaScript. 中的 null 被表示为 null,注意,true、false 和 null 都没有双引号,否则将被视为一个 String 。
JSON 还可以表示一个数组对象,使用 [] 包含所有元素,每个元素用逗号分隔,元素可以是任意的 Value,例如,以下数组包含了一个 String,Number,Boolean 和一个 null:
["abc",12345,false,null]
Object 对象在 JSON 中是用 {} 包含一系列无序的 Key-Value 键值对表示的,实际上此处的 Object 相当于 Java 中的 Map<String, Object>,而不是 Java 的 Class 。注意 Key 只能用 String 表示。
例如,一个 Address 对象包含如下 Key-Value:
city:Beijing street:Chaoyang Road postcode:100025(整数) 用 JSON 表示如下:
{"city":"Beijing","street":" Chaoyang Road ","postcode":100025} 其中 Value 也可以是另一个 Object 或者数组,因此,复杂的 Object 可以嵌套表示,例如,一个 Person 对象包含 name 和 address 对象,可以表示如下:
{"name":"Michael","address": {"city":"Beijing","street":" Chaoyang Road ","postcode":100025} } JavaScript. 处理 JSON 数据
上面介绍了如何用 JSON 表示数据,接下来,我们还要解决如何在服务器端生成 JSON 格式的数据以便发送到客户端,以及客户端如何使用 JavaScript. 处理 JSON 格式的数据。
我们先讨论如何在 Web 页面中用 JavaScript. 处理 JSON 数据。我们通过一个简单的 JavaScript. 方法就能看到客户端如何将 JSON 数据表示给用户:
function handleJson() { var j={"name":"Michael","address": {"city":"Beijing","street":" Chaoyang Road ","postcode":100025} }; document.write(j.name); document.write(j.address.city); } 假定服务器返回的 JSON 数据是上文的:
{"name":"Michael","address": {"city":"Beijing","street":" Chaoyang Road ","postcode":100025} } 只需将其赋值给一个 JavaScript. 变量,就可以立刻使用该变量并更新页面中的信息了,相比 XML 需要从 DOM 中读取各种节点而言,JSON 的使用非常容易。我们需要做的仅仅是发送一个 Ajax 请求,然后将服务器返回的 JSON 数据赋值给一个变量即可。有许多 Ajax 框架早已包含了处理 JSON 数据的能力,例如 Prototype(一个流行的 JavaScript. 库:http://prototypejs.org)提供了 evalJSON() 方法,能直接将服务器返回的 JSON 文本变成一个 JavaScript. 变量:
new Ajax.Request("http://url", { method: "get", onSuccess: function(transport) { var json = transport.responseText.evalJSON(); // TODO: document.write(json.xxx); } }); 服务器端输出 JSON 格式数据
下面我们讨论如何在服务器端输出 JSON 格式的数据。以 Java 为例,我们将演示将一个 Java 对象编码为 JSON 格式的文本。
将 String 对象编码为 JSON 格式时,只需处理好特殊字符即可。另外,必须用 (") 而非 (') 表示字符串:
static String string2Json(String s) { StringBuilder sb = new StringBuilder(s.length()+20); sb.append('\"'); for (int i=0; i<s.length(); i++) { char c = s.charAt(i); switch (c) { case '\"': sb.append("\\\""); break; case '\\': sb.append("\\\\"); break; case '/': sb.append("\\/"); break; case '\b': sb.append("\\b"); break; case '\f': sb.append("\\f"); break; case '\n': sb.append("\\n"); break; case '\r': sb.append("\\r"); break; case '\t': sb.append("\\t"); break; default: sb.append(c); } } sb.append('\"'); return sb.toString(); } 将 Number 表示为 JSON 就容易得多,利用 Java 的多态,我们可以处理 Integer,Long,Float 等多种 Number 格式:
static String number2Json(Number number) { return number.toString(); } Boolean 类型也可以直接通过 toString() 方法得到 JSON 的表示:
static String boolean2Json(Boolean bool) { return bool.toString(); } 要将数组编码为 JSON 格式,可以通过循环将每一个元素编码出来:
static String array2Json(Object[] array) { if (array.length==0) return "[]"; StringBuilder sb = new StringBuilder(array.length << 4); sb.append('['); for (Object o : array) { sb.append(toJson(o)); sb.append(','); } // 将最后添加的 ',' 变为 ']': sb.setCharAt(sb.length()-1, ']'); return sb.toString(); } 最后,我们需要将 Map<String, Object> 编码为 JSON 格式,因为 JavaScript. 的 Object 实际上对应的是 Java 的 Map<String, Object> 。该方法如下:
static String map2Json(Map<String, Object> map) { if (map.isEmpty()) return "{}"; StringBuilder sb = new StringBuilder(map.size() << 4); sb.append('{'); Set<String> keys = map.keySet(); for (String key : keys) { Object value = map.get(key); sb.append('\"'); sb.append(key); sb.append('\"'); sb.append(':'); sb.append(toJson(value)); sb.append(','); } // 将最后的 ',' 变为 '}': sb.setCharAt(sb.length()-1, '}'); return sb.toString(); } 为了统一处理任意的 Java 对象,我们编写一个入口方法 toJson(Object),能够将任意的 Java 对象编码为 JSON 格式:
public static String toJson(Object o) { if (o==null) return "null"; if (o instanceof String) return string2Json((String)o); if (o instanceof Boolean) return boolean2Json((Boolean)o); if (o instanceof Number) return number2Json((Number)o); if (o instanceof Map) return map2Json((Map<String, Object>)o); if (o instanceof Object[]) return array2Json((Object[])o); throw new RuntimeException("Unsupported type: " + o.getClass().getName()); } 我们并未对 Java 对象作严格的检查。不被支持的对象(例如 List)将直接抛出 RuntimeException 。此外,为了保证输出的 JSON 是有效的,Map<String, Object> 对象的 Key 也不能包含特殊字符。细心的读者可能还会发现循环引用的对象会引发无限递归,例如,精心构造一个循环引用的 Map,就可以检测到 StackOverflowException:
@Test(expected=StackOverflowError.class) public void testRecurrsiveMap2Json() { Map<String, Object> map = new HashMap<String, Object>(); map.put("key", map); JsonUtil.map2Json(map); } 好在服务器处理的 JSON 数据最终都应该转化为简单的 JavaScript. 对象,因此,递归引用的可能性很小。
最后,通过 Servlet 或 MVC 框架输出 JSON 时,需要设置正确的 MIME 类型(application/json)和字符编码。假定服务器使用 UTF-8 编码,则可以使用以下代码输出编码后的 JSON 文本:
response.setContentType("application/json;charset=UTF-8"); response.setCharacterEncoding("UTF-8"); PrintWriter pw = response.getWriter(); pw.write(JsonUtil.toJson(obj)); pw.flush(); 小结
JSON 已经是 JavaScript. 标准的一部分。目前,主流的浏览器对 JSON 支持都非常完善。应用 JSON,我们可以从 XML 的解析中摆脱出来,对那些应用 Ajax 的 Web 2.0 网站来说,JSON 确实是目前最灵活的轻量级方案。
分享到:
相关推荐
Excel通常用于结构化的表格数据,而JSON(JavaScript Object Notation)则是一种轻量级的数据交换格式,适用于网络传输。本教程将详细讲解如何将Excel数据转换为JSON格式,以便于在Web应用、API接口或数据分析中使用...
Json(JavaScript Object Notation)则是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在Revit中,将数据导出为Json格式能够方便地与其他系统进行数据交互,如数据分析、可视化或Web应用...
FusionCharts是一款强大的JavaScript图表库,能够将JSON格式的数据转换为交互式的图表,从而提升数据分析和展示的效果。本文将深入探讨如何利用FusionCharts结合JSON数据来创建图表。 **FusionCharts简介** ...
首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在ECharts中,地图数据通常以JSON的形式存储,包含各个省份或城市的地理坐标信息。这些数据...
标题中的“全球地图echarts json数据”指的是使用ECharts库绘制全球地图时所需要的数据格式,通常是JSON(JavaScript Object Notation)文件。ECharts是一个由百度开发的基于JavaScript的数据可视化库,它提供了丰富...
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在Web开发中,JSON常用于后端与前端的数据交互,因为其结构与JavaScript对象相似,可以方便地被...
在Vue.js项目中,这通常涉及到import语句,将JSON数据导入并转化为JavaScript对象,然后将这些数据传递给Vant的组件作为props。同时,需要确保Vant库已经在项目中安装并引入,以便可以使用其提供的组件和服务。 在...
在当前的Web服务中,JSON(JavaScript Object Notation)格式由于其轻便、跨平台的特性,已经成为API接口数据交换的首选格式。 JSON格式与PHP的结合使用,需要我们掌握几个关键的函数:json_encode和json_decode。...
2. **准备地图JSON数据**:下载并准备好对应的地图JSON数据文件,例如“echarts地图数据(含全国和省以及全国、省、地市)最全”这个压缩包中的文件。 3. **创建ECharts实例**:在JavaScript中,你需要选择一个DOM...
描述中提到,这个数据集是为那些需要自行绘制地图的人准备的。这意味着,开发者或者数据分析人员可以利用这些数据,在他们的应用程序或可视化工具中构建自定义的地图,展示四川省各个城市的精确位置。这对于开发地图...
在JavaScript开发中,数据交换通常涉及JSON(JavaScript ...利用`toJSONObject`这样的辅助函数,可以方便地将复杂的数据结构转换为JSON格式,为服务端传输做好准备。这种方法既简化了代码,又保持了良好的编程习惯。
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web服务和应用程序之间的数据传输。它的语法简洁明了,易于人类阅读和编写,同时也易于机器解析和生成。在本项目中,我们主要关注的是...
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在地图应用中,JSON文件通常包含了地图的坐标信息、区域划分、边界等数据,这些数据经过编码后可以被...
- JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 - 在数据处理过程中,经常需要解析JSON文件以提取所需的信息,这在Web服务数据交互、日志分析等...
本文将详细介绍如何使用JavaScript将JSON格式的数据数组转换并下载为Excel表格,帮助开发者实现这一常见需求。 #### 一、背景与应用场景 在Web应用中,用户通常希望可以方便地导出数据到Excel文件中,以便于进一步...
综上所述,全国各省市地理数据json是为Echarts准备的地图数据源,通过JSON格式提供,便于Web开发人员在项目中构建具有下钻功能的省市地图,实现丰富的数据可视化效果。掌握这些知识点,可以帮助你有效地利用这些数据...
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于机器解析和生成。在ECharts中,地图数据通常以JSON的形式存储,包括各个地级市的边界、坐标等信息。JSON格式的数据...
6. **导出与导入**:支持保存格式化后的JSON数据为文件,或者导入已有的JSON文件。 在使用JsonView这样的工具时,我们可以按照以下步骤操作: 1. **打开JsonView**:启动软件,准备进行JSON格式化。 2. **输入或...
1. **准备数据**:获取原始的地理边界数据,可以是SVG、KML、Shapefile等形式,然后转换为Echarts所需的JSON格式。 2. **理解数据结构**:使用JSON格式化工具查看数据,理解区域ID、名称、边界坐标等元素的含义。 ...
JSON 是基于纯文本的数据格式,天生是为 JavaScript 准备的,因此 JSON 的数据格式非常简单。 JSON 的优点 1. 简单性:JSON 的数据格式非常简单,易于人类阅读和编写。 2. 灵活性:JSON 可以传输 simple 的 ...