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

核心提示： jQuery 则让使用 Ajax 变得异常简单！我并不是夸大其词，在没有 JavaScript 库的情况下使用过 Ajax 的人都知道，使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序(6)，他们必须处理 XMLHttpRequests、处理

jQuery 则让使用 Ajax 变得异常简单！我并不是夸大其词。在没有 JavaScript 库的情况下使用过 Ajax 的人都知道，他们必须处理 XMLHttpRequests、处理 XMLHttpRequest的 Microsoft® 和 Firefox 版本间的差异、必须解析全部返回代码等，而 jQuery 则让使用 Ajax 简单到进行一次函数调用即可。这是真的！原先需要 100 行代码才能完成的功能现在只需 3 或 4 行代码就可以了。这节省了多少时间啊！就我个人而言，获悉 jQuery 之前，若想添加 Ajax 函数往往需要大量工作。现在，有了 jQuery，这变得极其简单，并能让我的应用程序充分利用 Ajax 提供的全部益处。如果 Ajax 的使用能简单到一个常规的函数调用，那为什么不使用它呢？

现在来看看您最有可能在自己的 Ajax 需求中用到的两个函数：post()和 get()方法。这些函数的运作与其他的 jQuery 函数没有太大差别，它们均允许指定要调用的 URL 以及要传递的参数，并指定 Ajax 方法返回时的函数。在这种意义上，这两个方法设置的方式使得在 jQuery 调用 Ajax 方法与在 jQuery 调用其他方法基本相同。参见清单 5。

清单 5. Post 和 get Ajax 方法

　　　
//　this　code　would　be　in　a　php　file　named　myTest.php　
//　why　did　I　switch　to　PHP　for　the　Ajax　examples?　Java/JSP　gets　tough　because　
//　you　need　to　show　the　code　in　the　Servlet,　which　isn't　necessary　with　PHP.　The　
//　functions　work　equally　well　in　both　PHP　and　Java/JSP　though.　
<?php　
　　　echo　"This　is　my　return　String";　
?>　
　
//　here's　how　simple　the　Ajax　calls　are　in　jQuery　
//　This　is　a　post　function　
$.post("myTest.php",　{},　function(data){　
　　$("p").text(data);　
});　
　
$.get("myTest.php",　{},　function(data){　
　　$("p").text(data);　
　　});

编缉推荐阅读以下文章

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