从XML生成可与Ajax共同使用的JSON

1、从 XML 生成可与 Ajax 共同使用的 JSON时下，非常流行使用 JavaScript 代码为数据驱动的 Web 应用程序添加互动性。若能将数据编码成 JavaScript Object Notation（JSON）的格式，您就可以更轻松地通过 JavaScript 语言使用它。通过本文，发掘使用 XSLT V2 从 XML 数据生成 JSON 的几种不同方法。几年前，许多开发人员很看好 XML、XSLT、Extensible HTML （XHTML）和其他一些基于标记的语言。现在，Asynchronous JavaScript and XML（AJAX）成了新的热点，人们又将目光转向了

2、使用 JavaScript 代码的数据驱动的富 Internet 应用程序。但是开发人员是否已经消除了 XML 和这一新技术之间的鸿沟呢？当然，您可以在 Web 客户机中使用 XML 解析器来读取数据，但这种做法会带来两个问题。第一，出于安全方面的原因，XML 数据只能从与此页面相同的那个域中读取。这虽然不是什么大的限制因素，但它的确会引起部署方面的问题，还会阻碍 DHTML 小部件的创建。第二，读取和解析 XML 会非常慢。另一种做法是让服务器执行 XML 的解析工作，方法是设置服务器，使之向浏览器发送以 JavaScript 代码或时下流行的 JavaScript Object Notat

3、ion（JSON）编码的数据。本文将展示如下三种使用 XSLT V2 语言和 Saxon XSLT V2 处理器从 XML 数据生成 JSON 的技巧： 简单编码 通过函数调用加载数据 编码对象 JSON 简介要学习如何将数据编码成 JSON（它只是 JavaScript 的一个子集），最好的方法是从数据开始。清单 1 显示了书籍列表的一个示例 XML 数据集。清单 1. 基本的图形化图书馆Jack Herrington Manning Jack Herrington O'Reilly Jack Herrington O'Reilly 这个数据集很简单，只包含三本书，每本书都具

4、有惟一的 ID、书名、作者姓名及出版商的名字。（没错，我只选择了我自己的书作为数据集，但能怨我吗？这些书实在是不可多得的节日和生日礼物。）清单 2 显示了这些数据在 JSON 中的效果。清单 2. JSON 中的示例数据集 id: 1,title: 'Code Generation in Action',first: 'Jack',last: 'Herrington',publisher: 'Manning' ,. 方括号 ( 表明这是一个数组。大括号 ( 则表明这是一个散列表，该散列表由一组名称和值对组成。在本例中，我创建了一个

5、散列表的数组 用来存储这类结构式数据的一种常见方法。另外一点值得注意的是字符串是通过单引号或双引号被编码的。所以，如果我想用单引号编码 O'Reilly，我就必须使用反斜杠对它进行转义：'O'Reilly'。 这让我编写的这个 XSLT 样式表更为有趣了一些。我并未在本例中放上任何日期，但您也可以通过如下两种方法来编码日期。第一种方法是将日期作为字符串，该字符串必须在后面被解析。第二种方法是将日期作为一个对象，比如：publishdate: new Date( 2006, 6, 16, 17, 45, 0 这段代码将 publishdate 的值设置为6/16/

6、2006 5:45:00 p.m.。简单编码接下来我将陆续介绍 JSON 编码的几种技巧。第一种也是其中最简单的一种，此样式表如 清单 3 所示。清单 3. simple.xsl 样式表xmlns:xsl="/1999/XSL/Transform" version="2.0"xmlns:js="">var g_books = , id: ,name: ' ',first: ' ',last: ' ',publisher: ' '要理解

7、此样式表，不妨先来看一下 清单 4 所示的输出。清单 4. simple.xsl 的输出var g_books = id: 1,name: 'Code Generation in Action',first: 'Jack',last: 'Herrington',publisher: 'Manning', id: 2,name: 'PHP Hacks',first: 'Jack',last: 'Herrington',publisher: 'O'Reilly',

8、 id: 3,name: 'Podcasting Hacks',first: 'Jack',last: 'Herrington',publisher: 'O'Reilly'这里，我将名为 g_books 的变量设置为一个包含三个散列表的数组，每个散列表包含关于该书的信息。再回过头来看看 清单 3，您会发现第一个模板匹配 "/" 路径，它也是首先应用到输入数据集的模板，该模板使用 for-each 循环来遍历每本书。之后，它使用 标记来将文本从该数据输出到 JavaScript 输出代码。对于字符串，我使

9、用名为 js:escape( 的定制函数，它在模板之前定义。该函数使用一个正则表达式将一个单引号标记更改为带有反斜杠的单引号标记。最后一个重要的元素是 标记，它告知处理器要输出的是文本而不是 XML。要检验此过程是否可以正常工作，我加入了一个 simple .html 文件，该文件引用我在 simple.js 保存的 XSL 样式表的输出。这个 HTML 文件如 清单 5 所示。清单 5. simple.html 文件.html 文件使用 稍后将详细介绍 drawbooks 函数。这里重要的是了解一下页面如何定义 AddBooks 函数，该函数随后会由 function1.js 文件中的脚本调

10、用。该 AddBooks 函数负责处理数据。而且被调用的 AddBooks 函数会向页面指示 .这里更改了 XSLT，以使函数调用驻留在 for-each 循环体内。清单 12 显示了更新后的样式表。清单 12. function2.xsl.AddBook( id: ,name: ' ',first: ' ',last: ' ',publisher: ' ' ;.对这个给定示例来说，这种更改看起来有些随意。但如果原始的 XML 数据集有多种数据类型，要为每种类型分配一个单独的函数调用会使 XSL 和页面上的 JavaScript

11、代码更为简单、更易于维护。编码对象对小的页面来讲，使用 JavaScript 函数没有问题。但对于大型项目，就需要使用 JavaScript 语言的一些面向对象特性。是的，JavaScript 语言可以处理对象而且可以处理得很好。清单 13 显示了如何创建带有数据的对象。清单 13. Object1.jsg_books.push( new Book( id: 1,name: 'Code Generation in Action',first: 'Jack',last: 'Herrington',publisher: 'Manning

12、9; ;g_books.push( new Book( id: 2,name: 'PHP Hacks',first: 'Jack',last: 'Herrington',publisher: 'O'Reilly' ;在本例中，我只简单地向名为 g_books 的数组添加了 Book 对象。JavaScript 的对象创建与 Java、C# 或 C+ 编程语言的对象创建十分相似。都是一个 new 操作符后跟一个类名。参数放到随后的括号内。在本例中，我传入了一个带值的单一散列表，并将其分割成单独的一些参数。创建此对象的代码如

13、清单 14 所示。清单 14. Object1.xslg_books.push( new Book( id: ,name: ' ',first: ' ',last: ' ',publisher: ' ' ;此页面内最值得注意的是定义 Book 类的那部分代码。清单 15 显示了该页面。清单 15. object1.html.Book 类的构造函数循环访问散列表的所有数据。对于每个键，会在对象上创建一个具有对象名称和数据的实例变量。不需要对 drawbooks 函数做任何修改，因为对象都有与原始的散列表相同的键和值。JavaScri

14、pt 语言并不区分访问的是散列表内的命名值还是对象上的命名值。当然，Book 类应该有像 set 和 get 这样的访问程序。 清单 16 显示了我是如何对 JavaScript 数据进行编码的。清单 16. Object2.jsvar b1 = new Book(;b1.setId ( 1 ;b1.setTitle ( 'Code Generation in Action' ;b1.setFirst ( 'Jack' ;b1.setLast ( 'Herrington' ;b1.setPublisher ( 'Manning'

15、;g_books.push( b1 ;var b2 = new Book(;b2.setId ( 2 ;b2.setTitle ( 'PHP Hacks' ;.没错，这有些大同小异。它也是先创建一个对象，设置其值，然后将它添加到数组，等等。首先，我对样式表做了一些较大的修改，如 清单 17 所示。清单 17. Object2.xsl.var = new Book(;( ;( ' ' ;( ' ' ;( ' ' ;( ' ' ;g_books.push( b ;.我定义了一个新的名为 createbook 的函数，该函数构建 book 对象，并由用于每本书的模板调用。createbook 函数还是调用 escape 函数来确保字符串被正确编码。考虑到 HTML 方面，我必须向 Book 类添加更多方法以便编码后的 JavaScript 代码能够调用它们。这些新方法如 清单 18 所示。清单 18. Object2.html.原型