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

核心提示： 清单 9. serialize()和 serializeArray()函数//theserializefunctionwilllookateveryFormelementinsidethespecifiedelement//andautomaticallyconstructanHTTPStrin

清单 9. serialize()和 serializeArray()函数

　　　
//　the　serialize　function　will　look　at　every　Form　element　inside　the　specified　element　
//　and　automatically　construct　an　HTTP　String　that　contains　all　the　information　
//　of　the　elements,　in　the　form　of　<element　name>=<element　value>&　
//　for　example,　"firstname=Michael&lastname=Abernethy"　
//　this　can　then　be　attached　to　the　URL　to　pass　the　information　via　an　Ajax　call　
$.post("myFormProcessor.php?"　+　$("#myForm").serialize());　
　
//　further,　a　similar　thing　could　be　done　with　the　serializeArray　function　
//　which　will　convert　a　Form　into　its　JSON　equivalent　
$.post("myFormProcessor.php",　{json:　$("#myForm").serializeArray()});

综合学到的知识

要将本系列的所有课程综合起来，需要用到在前两个课程中都谈及的这个示例 Web 邮件应用程序。我将添加从客户端到服务器端的多个 Ajax 调用以收集信息。我还将使用 Ajax 来获得您读取消息时的消息信息，并利用 Ajax 方法来删除消息。之后，我会将一些效果融入其中以便当用户删除消息时，这些消息会立即从屏幕中删除，即便用户并没有重新加载此页面，而且实际的删除也是通过 Ajax 调用异步发生的。在本文结束之际，您将能再次感受到在 Web 应用程序中使用 Ajax 调用是多么容易，并了解到如何利用这些调用来实真实模仿桌面应用程序，以及如何利用 Effects 来增强应用程序的可用性。

编缉推荐阅读以下文章

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