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

核心提示： 正如这两个示例所示，这些函数与其他 jQuery 函数相同，使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序(7)，因此比不带 JavaScript 库的情况更容易使用，有几个参数可用来扩展 Ajax 调用的函数，我随后还会介绍第四个参数，

正如这两个示例所示，这些函数与其他 jQuery 函数相同，因此比不带 JavaScript 库的情况更容易使用。有几个参数可用来扩展 Ajax 调用的函数。第一个参数很显然是要调用的 URL。这可以是 PHP 文件、一个 JSP 文件或 Servlet — 通常可以是处理此请求的任何东西。它甚至可以不响应此请求（正如您在以后的示例应用程序中看到的一样）。第二个参数是可选的，用来传递 post/get 的数据。一般采用数组格式。通常，需要传递在 Form 元素中包含的信息以及来自页面的 userID 信息等。基于服务器文件的所有东西都要处理此请求。第三个参数也是可选的，是 Ajax 函数成功返回时所要执行的函数。该函数一般包含用来处理由服务器传递回的信息结果的代码。清单 6 给出了这三个参数的一些例子，我随后还会介绍第四个参数。

清单 6. 用可选参数进行 post

　　　
//　place　a　username　and　password　input　field　on　the　page　
<input　type=text　id="username">　
<input　type=password　id="pass">　
　
//　call　a　server-based　PHP　file　that　will　process　the　information　passed　to　it　
$.post("myFormProcessor.php",　{username:　$("#username").val(),　
　　　　　　　　　　　　　　　　password:　$("#pass").val()});　
　
//　conversely,　this　PHP　file　could　also　return　information　to　the　function,　from　which　
//　you　could　process　the　results　
$.post("myFormProcessor.php",　{username:　$("#username").val(),　
　　　　　　　　　　　　　　　　password:　$("#pass").val()},　
　　　　function(data){　
　　　　　　//　the　data　variable　contains　the　text　returned　from　the　server,　you　don't　
　　　　　　//　have　to　set　anything　up　ahead　of　time,　jQuery　will　do　it　all　for　you　
　　　　　　if　(data　!=　"ERROR")　
　　　　　　　$("#responseDiv").text(data);　
　　　　}　
　　　　);

编缉推荐阅读以下文章

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