JSON是什么?为JavaScript准备的数据格式

JSON是什么?为JavaScript准备的数据格式

还不了解JSON是什么?看了下面这篇文章,您对JSON是什么应该能够有了一个比较清晰的概念。

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 字符可以直接输出。

这与绝大多数编程语言的表示方法一致,例如:

  1. 12345(整数)
  2. -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:

  1. city:Beijing
  2. street:Chaoyang Road
  3. postcode:100025(整数)

用 JSON 表示如下:

  1. {"city":"Beijing","street":" Chaoyang Road ","postcode":100025}

其中 Value 也可以是另一个 Object 或者数组,因此,复杂的 Object 可以嵌套表示,例如,一个 Person 对象包含 name 和 address 对象,可以表示如下:

  1. {"name":"Michael","address":
  2. {"city":"Beijing","street":" Chaoyang Road ","postcode":100025}
  3. }

JavaScript. 处理 JSON 数据

上面介绍了如何用 JSON 表示数据,接下来,我们还要解决如何在服务器端生成 JSON 格式的数据以便发送到客户端,以及客户端如何使用 JavaScript. 处理 JSON 格式的数据。

我们先讨论如何在 Web 页面中用 JavaScript. 处理 JSON 数据。我们通过一个简单的 JavaScript. 方法就能看到客户端如何将 JSON 数据表示给用户:

  1. function handleJson() {
  2. var j={"name":"Michael","address":
  3. {"city":"Beijing","street":" Chaoyang Road ","postcode":100025}
  4. };
  5. document.write(j.name);
  6. document.write(j.address.city);
  7. }

假定服务器返回的 JSON 数据是上文的:

  1. {"name":"Michael","address":
  2. {"city":"Beijing","street":" Chaoyang Road ","postcode":100025}
  3. }

只需将其赋值给一个 JavaScript. 变量,就可以立刻使用该变量并更新页面中的信息了,相比 XML 需要从 DOM 中读取各种节点而言,JSON 的使用非常容易。我们需要做的仅仅是发送一个 Ajax 请求,然后将服务器返回的 JSON 数据赋值给一个变量即可。有许多 Ajax 框架早已包含了处理 JSON 数据的能力,例如 Prototype(一个流行的 JavaScript. 库:http://prototypejs.org)提供了 evalJSON() 方法,能直接将服务器返回的 JSON 文本变成一个 JavaScript. 变量:

  1. new Ajax.Request("http://url", {
  2. method: "get",
  3. onSuccess: function(transport) {
  4. var json = transport.responseText.evalJSON();
  5. // TODO: document.write(json.xxx);
  6. }
  7. });

服务器端输出 JSON 格式数据

下面我们讨论如何在服务器端输出 JSON 格式的数据。以 Java 为例,我们将演示将一个 Java 对象编码为 JSON 格式的文本。

将 String 对象编码为 JSON 格式时,只需处理好特殊字符即可。另外,必须用 (") 而非 (‘) 表示字符串:

  1. static String string2Json(String s) {
  2. StringBuilder sb = new StringBuilder(s.length()+20);
  3. sb.append(‘\"‘);
  4. for (int i=0; i<s.length(); i++) {
  5. char c = s.charAt(i);
  6. switch (c) {
  7. case ‘\"‘:
  8. sb.append("\\\"");
  9. break;
  10. case ‘\\‘:
  11. sb.append("\\\\");
  12. break;
  13. case ‘/‘:
  14. sb.append("\\/");
  15. break;
  16. case ‘\b‘:
  17. sb.append("\\b");
  18. break;
  19. case ‘\f‘:
  20. sb.append("\\f");
  21. break;
  22. case ‘\n‘:
  23. sb.append("\\n");
  24. break;
  25. case ‘\r‘:
  26. sb.append("\\r");
  27. break;
  28. case ‘\t‘:
  29. sb.append("\\t");
  30. break;
  31. default:
  32. sb.append(c);
  33. }
  34. }
  35. sb.append(‘\"‘);
  36. return sb.toString();
  37. }

将 Number 表示为 JSON 就容易得多,利用 Java 的多态,我们可以处理 Integer,Long,Float 等多种 Number 格式:

  1. static String number2Json(Number number) {
  2. return number.toString();
  3. }

Boolean 类型也可以直接通过 toString() 方法得到 JSON 的表示:

  1. static String boolean2Json(Boolean bool) {
  2. return bool.toString();
  3. }

要将数组编码为 JSON 格式,可以通过循环将每一个元素编码出来:

  1. static String array2Json(Object[] array) {
  2. if (array.length==0)
  3. return "[]";
  4. StringBuilder sb = new StringBuilder(array.length << 4);
  5. sb.append(‘[‘);
  6. for (Object o : array) {
  7. sb.append(toJson(o));
  8. sb.append(‘,‘);
  9. }
  10. // 将最后添加的 ‘,‘ 变为 ‘]‘:
  11. sb.setCharAt(sb.length()-1, ‘]‘);
  12. return sb.toString();
  13. }

最后,我们需要将 Map<String, Object> 编码为 JSON 格式,因为 JavaScript. 的 Object 实际上对应的是 Java 的 Map<String, Object> 。该方法如下:

  1. static String map2Json(Map<String, Object> map) {
  2. if (map.isEmpty())
  3. return "{}";
  4. StringBuilder sb = new StringBuilder(map.size() << 4);
  5. sb.append(‘{‘);
  6. Set<String> keys = map.keySet();
  7. for (String key : keys) {
  8. Object value = map.get(key);
  9. sb.append(‘\"‘);
  10. sb.append(key);
  11. sb.append(‘\"‘);
  12. sb.append(‘:‘);
  13. sb.append(toJson(value));
  14. sb.append(‘,‘);
  15. }
  16. // 将最后的 ‘,‘ 变为 ‘}‘:
  17. sb.setCharAt(sb.length()-1, ‘}‘);
  18. return sb.toString();
  19. }

为了统一处理任意的 Java 对象,我们编写一个入口方法 toJson(Object),能够将任意的 Java 对象编码为 JSON 格式:

  1. public static String toJson(Object o) {
  2. if (o==null)
  3. return "null";
  4. if (o instanceof String)
  5. return string2Json((String)o);
  6. if (o instanceof Boolean)
  7. return boolean2Json((Boolean)o);
  8. if (o instanceof Number)
  9. return number2Json((Number)o);
  10. if (o instanceof Map)
  11. return map2Json((Map<String, Object>)o);
  12. if (o instanceof Object[])
  13. return array2Json((Object[])o);
  14. throw new RuntimeException("Unsupported type: " + o.getClass().getName());
  15. }

我们并未对 Java 对象作严格的检查。不被支持的对象(例如 List)将直接抛出 RuntimeException 。此外,为了保证输出的 JSON 是有效的,Map<String, Object> 对象的 Key 也不能包含特殊字符。细心的读者可能还会发现循环引用的对象会引发无限递归,例如,精心构造一个循环引用的 Map,就可以检测到 StackOverflowException:

  1. @Test(expected=StackOverflowError.class)
  2. public void testRecurrsiveMap2Json() {
  3. Map<String, Object> map = new HashMap<String, Object>();
  4. map.put("key", map);
  5. JsonUtil.map2Json(map);
  6. }

好在服务器处理的 JSON 数据最终都应该转化为简单的 JavaScript. 对象,因此,递归引用的可能性很小。

最后,通过 Servlet 或 MVC 框架输出 JSON 时,需要设置正确的 MIME 类型(application/json)和字符编码。假定服务器使用 UTF-8 编码,则可以使用以下代码输出编码后的 JSON 文本:

  1. response.setContentType("application/json;charset=UTF-8");
  2. response.setCharacterEncoding("UTF-8");
  3. PrintWriter pw = response.getWriter();
  4. pw.write(JsonUtil.toJson(obj));
  5. pw.flush();

小结

JSON 已经是 JavaScript. 标准的一部分。目前,主流的浏览器对 JSON 支持都非常完善。应用 JSON,我们可以从 XML 的解析中摆脱出来,对那些应用 Ajax 的 Web 2.0 网站来说,JSON 确实是目前最灵活的轻量级方案。

JSON是什么,现在您应该了解了吧。

时间: 2024-07-29 00:55:30

JSON是什么?为JavaScript准备的数据格式的相关文章

JSON,全称:JavaScript Object Notation,作为一个常见的轻量级的数据交换格

JSON,全称:JavaScript Object Notation,作为一个常见的轻量级的数据交换格式,应该在一个程序员的开发生涯中是常接触的.简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言. 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率. Java是面向对象的语言,所以我们更多的在项目中是以对象的形式处理业务的,但是在传输的时候我们却要将对象转换为 JSON 格式便于传输,而且 JSON 格式一般能解析为大多数的对象格式,而不在乎编程语言. 现在主流的对象

C# 序列化与反序列化Serialization之Json Xml Binary Soap JavaScript序列化

所谓的序列化其实就是把一个内存中的对象信息转化成一个可以持久化保存的形式,方便保存数据库和文件或着用于传输, 序列化的主要作用是不同平台之间进行通信与信息的传递保存等,常用的有序列化有Json Xml Binary Soap JavaScript序列化等,当然我们也可以使用第三方的序列化类库,第三方的序列化类库可以参照网上的,这里不再赘述, 本文主要介绍Json Xml Binary Soap JavaScript等6种序列化的方法, 添加引用以下类库 using System.Runtime.

JSON(二)——JavaScript中js对象与JSON格式字符串的相互转换

首先我们来看一下js中JSON格式的字符串 var JSONStr1 = "{\"name\" : \"张三\"}"; 注意以下的写法不是js中JSON格式的字符串,它只是一个js的字符串. var JSONStr2 = "{'name' : '张三'}"; 我们看JSON语法中对于字符串的定义:是由双引号包围的任意数量Unicode字符的集合,使用反斜线转义.一个字符(character)即一个单独的字符串(characte

json学习笔记--在JavaScript中的使用

1.字符串转换为JavaScript对象 var txt = '{ "employees" : [' + '{ "firstName":"John" , "lastName":"Doe" },' + '{ "firstName":"Anna" , "lastName":"Smith" },' + '{ "firstNa

(The application/json Media Type for JavaScript Object Notation (JSON))RFC4627-JSON格式定义

原文  http://laichendong.com/rfc4627-zh_cn/ 摘要 JavaScript Object Notation (JSON)是一个轻量级的,基于文本的,跨语言的数据交换格式.它从ECMAScript编程语言标准(ECMAScript Programming Language Standard)衍生而来.JSON定义了一组用于表示结构化数据的可移植的格式化规则. 1. 简介 JavaScript Object Notation (JSON)是用于结构化数据序列化的一

8.7 JSON存储数据方式(JavaScript对象表示法)

JSON JavaScript 对象表示法(JavaScript Object Notation) 是一种存储数据的方式. 一.创建JSON对象 var gareen = {"name":"盖伦","hp":616}; 这样就创建了一个JSON 对象 JSON对象由 名称/值对组成 名称和值之间用冒号:隔开 名称必须用双引号" 包含起来 值可以是任意javascript数据类型,字符串,布尔,数字 ,数组甚至是对象 不同的名称/值对之间

json,xml,html三种数据格式

json.xml.html xml解析如下: 1.DOM:基于XML文档树结构的解析 解析器读入整个文档,然后构建一个驻留内存的树结构,然后代码就可以使用 DOM 接口来操作这个树结构.优点:整个文档树在内存中,便于操作:支持删除.修改.重新排列等多种功能:缺点:将整个文档调入内存(包括无用的节点),浪费时间和空间:使用场合:一旦解析了文档还需多次访问这些数据:硬件资源充足(内存.CPU). 2.SAX:基于事件流的解析 为解决DOM的问题,出现了SAX.SAX ,事件驱动.当解析器发现元素开始

[ajax 学习笔记] json数据格式

之前写过ajax传送数据可以用普通文本和XML两种格式.这里记一下json数据格式. json:javascript object notation. 之前分析过,用文本和XML传送数据各有优劣.而json可以轻松地将javascript对象转换成可以随时发送的数据. 一个json数据例子: var people = { "programmers": [ { "firstName": "Brett", "lastName":&

JSON 数据格式

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言.易于人阅读和编写,同时也易于机器解析和生成. 基础结构 JSON建构于两种结构: 1. “名称/值”对的集合(A collection of name/value pairs).不同的语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash table