`

JSON 入门指南 jackey

阅读更多
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 字符可以直接输出。下图是一个 String 的完整表示结构:


图 1. String 的完整表示结构
 图 1. String 的完整表示结构

一个 Number 可以根据整型或浮点数表示如下:


图 2. Number 的表示结构
 图 2. Number 的表示结构

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

12345(整数)
 -3.9e10(浮点数)

Boolean 类型表示为 truefalse 。此外,JavaScript 中的 null 被表示为 null,注意,truefalsenull 都没有双引号,否则将被视为一个 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 确实是目前最灵活的轻量级方案。

分享到:
评论

相关推荐

    随便写的代码-jacky

    根据提供的文件信息,我们可以梳理出以下几个关键的知识点: ### SQL语句:创建表与主键定义 #### 创建表 `dc`: ```sql CREATE TABLE dc ( tid NUMBER(10) NOT NULL, tname VARCHAR(10), taddress VARCHAR(10)...

    [企业政府]Jacky法律在线网站源码_falv.zip源码ASP.NET网站源码打包下载

    [企业政府]Jacky法律在线网站源码_falv.zip源码ASP.NET网站源码打包下载[企业政府]Jacky法律在线网站源码_falv.zip源码ASP.NET网站源码打包下载[企业政府]Jacky法律在线网站源码_falv.zip源码ASP.NET网站源码打包...

    Fetion Tool 最简单的飞信工具 by jacky_luo .rar

    "最简单的飞信工具 by jacky_luo"表明这是一个由用户jacky_luo开发的简化版或优化版飞信工具,可能是为了提高用户体验或者增加某些特定功能。 在描述中,我们看到的信息与标题相同,进一步确认这是一个由jacky_luo...

    信息安全_数据安全_AppSecEU2016-Jacky-Fox-Women-in-Cyber.pdf

    AppSec EU 2016 大会上,Jacky Fox,Deloitte Ireland 的 Cyber & IT Forensic 领导者,就“Women in Cyber Security”发表了演讲,探讨了性别与网络安全的关系以及如何吸引并保留女性人才在这一领域。 首先,Jacky...

    Jacky的打飞机游戏 已在Eclipse能运行,含有APK文件

    Jacky的打飞机游戏 已在Eclipse能运行,含有APK文件 感谢Jacky的教程 和 他的源码,嘿嘿!! 在此附上他的博客地址 ,一起支持他http://blog.csdn.net/jackystudio/article/category/1591201

    内存检测多合一 光盘版

    这个光盘版的内存检测工具包含多个版本,如memtest JACKY版2.1和4.2,以及RST(可能是指RAID Storage Technology)相关的功能。这些工具都是专门设计用来测试内存条的稳定性、兼容性和错误率的。 首先,让我们详细...

    Jacky_Dai.rar_解方程_解方程组_高斯消去法

    这个名为"Jacky_Dai.rar_解方程_解方程组_高斯消去法"的压缩包文件似乎包含了使用VC++编程语言实现的高斯消去法程序,它可以帮助我们理解如何通过编程来解决数学中的线性系统问题。 高斯消去法,又称为高斯简化法,...

    winform_ftp_v2.0_jacky20200126.rar

    本项目“winform_ftp_v2.0_jacky20200126”提供了一个完整的FTP客户端源码,支持文件的上传、下载以及列出文件和目录列表功能,特别适合初学者或开发者作为参考和学习。下面将对该项目的核心知识点进行深入讲解。 ...

    ASP.NET源码——Jacky法律在线网站源码.zip

    这个“Jacky法律在线网站源码”是一个使用ASP.NET技术开发的法律咨询服务网站的完整源代码,旨在帮助开发者理解如何在实际项目中应用ASP.NET进行网页设计和功能实现。 1. ASP.NET框架基础: ASP.NET提供了丰富的...

    jacky_dai的博客文章.pdf

    在Jacky_dai的这篇博客文章中,涵盖了多个C++编程和Windows开发的相关知识点,包括标准模板库(STL)的List、内联函数与宏定义的对比、宏的巧妙使用、Windows Template Library(WTL)的学习资源、报文传输中的进制转换...

    ASP.NET源码——[企业]Jacky法律在线网站源码.zip

    这个压缩包"ASP.NET源码——[企业]Jacky法律在线网站源码.zip"包含了构建一个企业级法律在线服务平台的源代码,我们可以从中学习和理解ASP.NET在实际项目中的应用。 首先,ASP.NET的核心组件包括ASP.NET Web Forms...

    「安全管理」AppSecEU2016-Jacky-Fox-Women-in-Cyber - NGFW.zip

    「安全管理」AppSecEU2016-Jacky-Fox-Women-in-Cyber - NGFW 安全建设 安全方案 数据库审计 系统安全 NGFW

    Eclipse中文教程(Jacky Lee)

    这是一个Eclipse使用的基础篇,适合于刚开始接触Eclipse的朋友们学习。

    shopOfSweets_jacky415:shopOfSweets_jacky415 ---关于糖果店的多彩网站,使用了Bootstrap

    shopOfSweets_jacky415 shopOfSweets_jacky415shopOfSweets_jacky415 ---关于糖果店的多彩网站,使用了Bootstrap

    Jacky说用户体验︱软件UX模型在硬件产品领域的应用.docx

    这篇文章通过Jacky的分享,探讨了如何将软件UX模型应用于硬件产品,以提高其用户体验。 首先,我们要明确用户体验的基本概念。UX不仅关乎产品的功能性,还涉及到用户的情感反应和满意度。传统上,可用性工程(UE)...

    Jacky法律在线网站源码_falv.zip

    源码参考,欢迎下载

    Symantec云安全解决方案-jacky zhu.docx

    【Symantec云安全解决方案】 在当今数字化转型的时代,云计算已经成为了企业信息化的重要支柱,但同时也带来了新的安全挑战。Symantec作为一家知名的网络安全公司,提供了全面的云安全解决方案来帮助企业应对这些...

    11.-Jacky-Efendi:便条纸箱

    【标题】"11.-Jacky-Efendi:便条纸箱" 描述了一个名为"便利贴"的编程框架项目,由杰基·埃芬迪在第五学期开发。这个项目很可能是为了创建一个用于记录、管理和共享便签的软件工具。在Java编程环境下,这样的项目可能...

    jacky415.github.io:jacky415.github.io ---我的个人网站-我的投资组合; 网站重塑计划

    【标题】"jacky415.github.io:jacky415.github.io ---我的个人网站-我的投资组合; 网站重塑计划" 暗示这是一个关于个人网站的项目,其中包含了用户的投资组合展示,并且正在进行网站的更新或改造。这个项目很可能是...

    Jacky-Summer#personal-blog#理解 redux-thunk 源码1

    前言前面几篇我们就 Redux 展开了几篇文章,这次我们来实现 react-thunk,就不是叫实现 redux-thunk 了,直接上源码,因为源码就 11

Global site tag (gtag.js) - Google Analytics