使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序

核心提示： 不难看出，在 jQuery 内处理 Ajax 非常直观和容易，使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序(8)，不过，如果处理来自服务器的比文本字符串复杂的信息时，使您能够立即引用它，清单 7. 指定 Ajax 内的返回类型//spec

不难看出，在 jQuery 内处理 Ajax 非常直观和容易。不过，如果处理来自服务器的比文本字符串复杂的信息时，这些函数可以变得很复杂。在较多涉及 Ajax 调用的一些更为复杂的 Web 页面内，返回的数据结果通常都是 XML 格式的。返回的数据也可以是 JSON 对象格式的（JSON 是用来定义 JavaScript 对象的一种协议）。jQuery 还允许 get/post 方法有可选的第四个参数，以便提前就能指定由服务器返回值的类型。可以针对 XML 字符串传递 "xml"字符串、针对 HTML 字符串（或纯文本）传递 "html"、针对 JavaScript 代码传递 "script"、针对 JSON 传递 "json"。所以，例如通过将返回对象指定为 "json"类型，jQuery 将能自动将来自服务器的响应字符串转换成 JSON 对象，使您能够立即引用它。

清单 7. 指定 Ajax 内的返回类型

　　　
//　specify　the　return　object　to　be　a　type　JSON　object,　and　process　the　
//　return　object　as　a　JSON　object,　referencing　fields　in　it　without　
//　casting　it　to　any　object　or　evaluating　it　
　
$.post("myFormProcessor.php",　{username:　$("#username").val(),　
　　　　　　　　　　　　　　　　password:　$("#pass").val()},　
　　　　function(data){　
　　　　　//　jQuery　has　already　converted　the　data　response　into　a　JSON　object,　so　
　　　　　//　you　can　immediately　reference　its　fields,　providing　cleaner-looking　code　
　　　　　//　and　allowing　future　changes,　and　in　my　opinion,　making　it　easier　to　work　
　　　　　//　with　than　XML　responses　
　　　　　$("#username").text(data.username);　
　　　　　$("#address").text(data.address);　
　　　　　$("#phone").text(data.phone);　
　　　　},　
　　　　"json"　//　here　you　specify　that　the　return　type　is　JSON　
　　　　);　

编缉推荐阅读以下文章

• 使用 jQuery，第 2 部分: 构建未来的 Web 应用程序
• 使用 jQuery，第 1 部分: 将桌面应用程序引入浏览器