XForms 与 XML 的紧密集成使查看基于 XML 的 API 产生的结果非常方便。同时,XForms 功能非常强大,使用它能创建根据变化条件做出相应操作的动态界面。本文通过实例探讨了如何应用这些功能。在实例中,我们创建了一个动态搜索引擎客户机,该客户机提供了不同的选项并能根据搜索引擎的选择显示不同的数据。
本文演示了如何创建一个足够灵活的接口,使用这个接口能够查看若干个基于 XML 的 API 产生的结果。方法是实现一个搜索引擎客户机供用户在其中选择搜索数据的引擎并自动接收合适的条目字段和数据。此外,表单加载了“后台中”的数据,也就是说,在页面上显示结果不需要完全重新加载。
本例中使用的 API 包括 Yahoo! 和 Teoma 搜索引擎,但文章传达的思想适用于任何能返回 XML 的 API。这两个搜索引擎都有一个基于 REST 的接口,也就是说提供给它们一个 URL 和所有参数,它们将返回带有结果的 XML。
XForms 实现对内容的动态更改无需通过将 XForms 可视化表示(visual presentation)链接到 XML 数据结构来重新提交来自服务器的页面。当 XML 数据结构发生变化时,可视化表示将被重新计算并作出相应变化而无需重新加载页面。更改隐藏在表示下面的 XML 数据可以通过很多种方法实现。比如说,本例中的表单包含了一个下拉菜单,它列出了可用的搜索引擎。用户只能填写与活动引擎关联的字段。基本引擎表单如图 1 所示。
先决条件
在开始创建表单之前,需要准备好如下软件:
- 能显示 XForms 的浏览器,例如带有 XForms 扩展的 Firefox(参阅 参考资料 中的下载链接)。
- 支持 PHP 的 Web 服务器。特定于本例,PHP 必须带有 cURL 扩展才能访问搜索引擎(参阅 参考资料 中的下载链接)。
- 一个 Yahoo 搜索的应用程序 ID。Teoma 不需要 ID。可从 Yahoo Web 站点获得此 ID(参阅 参考资料)。
创建 XForms 数据结构
为支持本例的搜索引擎,表单使用了三个实例来实现数据结构。每个实例都有惟一的名称,以便稍后检索。其中两个元素是空容器,用作搜索引擎返回的 XML 的加载点。另一个实例包含了搜索的输入数据:Yahoo 搜索的应用程序 ID、查询字符串(定义为 q)、两个 Yahoo 特有的字段(site 和 results)。这些数据位于 box 实例中,如清单 1 所示。

RSS订阅
