JSON 入门指南

核心提示： JavaScript 处理 JSON 数据 上面介绍了如何用 JSON 表示数据，接下来，JSON 入门指南(3)，我们还要解决如何在服务器端生成 JSON 格式的数据以便发送到客户端，以及客户端如何使用 JavaScript 处理 JSON 格式的数据，然后将服务器返回的 JSON 数据

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);
　}
});