下面介绍JSON 方法调用的使用方法,对与JSON 方法调用,相比不能生成文本的JSON 方法调用,能生成文本的 API 自然更可取;而且,JSON 让您能够处理本地 JavaScript 对象,而无需为如何表示这些对象多费心思。
developerWorks Ajax 资源中心
请访问 Ajax 资源中心,这是有关 Ajax 编程模型信息的一站式中心,包括很多文档、教程、论坛、blog、wiki 和新闻。任何关于 Ajax 的新信息都能在这里找到。 #t#
XML 也可以提供文本方面的类似益处,但用于将 JavaScript 对象转换成 XML 的几个现有 API 没有 JSON API 成熟;有时,您必须在创建和处理 JavaScript 对象时格外谨慎以确保所进行的处理能与所选用的 XML 会话 API 协作。但对于JSON 方法调用,情况就大不相同:它能处理几乎所有可能的对象类型,并会返回给您一个非常好的 JSON 数据表示。
因此,JSON 的***价值在于可以将 JavaScript 真的作为 JavaScript 而非数据格式语言进行处理。您所学到的所有有关使用 JavaScript 对象的技巧都可以应用到代码中,而无需为如何将这些对象转变成文本而多费心思。这之后,可以进行如下所示的简单 JSON 方法调用:
- String myObjectmyObjectInJSON = myObject.toJSONString();
将 JSON 发给服务器并不难,但却至关重要,而且还有一些重要的选择要做。但是,一旦决定使用JSON 方法调用,所要做的这些选择就会十分简单而且数量有限,所以您需要考虑和关注的事情不多。重要的是能够将 JSON 字符串发送给服务器,而且***能做到尽快和尽可能简单。
将 JSON 数据发给服务器的最简单方法是将其转换成文本,然后以名称/值对的值的方式进行发送。请务必注意,JSON 格式的数据是相当长的一个对象,看起来可能会如清单 1 所示:
- var people = { "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin",
- "email": "brett@newInstance.com" }, { "firstName": "Jason", "lastName":"Hunter",
- "email": "jason@servlets.com" }, { "firstName": "Elliotte", "lastName":"Harold",
- "email": "elharo@macfaq.com" } ], "authors": [ { "firstName": "Isaac",
- "lastName": "Asimov", "genre": "science fiction" }, { "firstName": "Tad",
- "lastName": "Williams", "genre": "fantasy" }, { "firstName": "Frank",
- "lastName": "Peretti", "genre": "christian fiction" } ], "musicians": [
- { "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },
- { "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" } ] }
如果要以名称/值对将其发送到服务器端,应该如下所示:
- var url = "organizePeople.php?people=" + people.toJSONString();
- xmlHttp.open("GET", url, true);
- xmlHttp.onreadystatechange = updatePage;
- xmlHttp.send(null);
这看起来不错,但却存在一个问题:在 JSON 方法调用中会有空格和各种字符,Web 浏览器往往要尝试对其继续编译。要确保这些字符不会在服务器上(或者在将数据发送给服务器的过程中)引起混乱,需要在 JavaScript escape()
函数中做如下添加:
- var url = "organizePeople.php?people=" + escape(people.toJSONString());
- request.open("GET", url, true);
- request.onreadystatechange = updatePage;
- request.send(null);