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

核心提示： 我想花些时间讲述的另一个 Ajax 函数是 load()，它允许用户加载一个特定的页面并获取 HTML 作为结果，使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序(9)，从这样的描述看起来，它并不那么吸引人，清单 9 给出了这样一个例子，

我想花些时间讲述的另一个 Ajax 函数是 load()，它允许用户加载一个特定的页面并获取 HTML 作为结果。从这样的描述看起来，它并不那么吸引人。事实上，与在启动时解析 Web 页一样，您还需要解析使用 jQuery 代码返回的信息。这是什么意思呢？简单来说，如果能加载任何 Web 页面，继而又能用 jQuery 对之进行解析，也就实现了一个非常高效且易于编程的页面 scraper，借助这个 scraper，可以从所有页面搜集各类信息。让我们详细看看。

清单 8. load()

函数的示例应用程序

　　　
//　create　a　very　primitive　stock　price　quote　by　calling　Yahoo's　stock　quote,　and　then　
//　scraping　the　information　from　their　pages.　
//　in　this　case,　look　up　IBM's　stock　price,　and　place　it　in　the　text　field　with　an　ID　of　
//　"stockPrice"　
//　the　span　with　the　ID　of　"yfs_l90_ibm"　contains　the　stock　price　
$("#stockPrice").load("http://finance.yahoo.com/q?s=ibm　#yfs_l90_ibm").text();

接下来我要介绍的 Ajax 模块的最后两个函数是两个真正的实用函数，它们非常有助于 Ajax 的使用。正如我已经多次指出的，客户机和服务器间的很多交互都会涉及到表单以及其中所包含的元素。由于这类通信很常见，所以在 jQuery 内已经有两个实用函数可用来协助构造传递给服务器的参数，参数可以是 HTTP 查询字符串的格式也可以是 JSON 字符串格式。可以使用这两个实用函数来为您的 Ajax 需求提供帮助。这两个函数的使用很方便，因为这二者均能封装整个表单，而不管在开发期间有多少元素被添加/删除/更改。清单 9 给出了这样一个例子。

编缉推荐阅读以下文章

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