用 E4X 和 Prototype 创建 Ajax mindreader 应用程序,第 2 部分: 使 mindreader 应用程序更智能化
2010-03-09 00:00:00 来源:WEB开发网提出这个问题。
返回到第 3 步。
应用程序和数据库之间交互的关键是 Prototype JavaScript 库。
Prototype 简介
我们将主要使用 Prototype JavaScript 库中的 Ajax 功能,但是实际上这个库的功能非常全面。Prototype 提供四个方面的特性:
类管理:Prototype 支持更轻松地创建和扩展类和对象。
DOM 管理:Prototype 支持更轻松地连接页面元素,尤其对于表单,并提供了执行显示或隐藏元素等任务的简便方法。
JSON:Prototype 可以快速可靠地转换 JavaScript Object Notation,包括从字符串直接生成对象。
Ajax:Prototype 的 Ajax 功能简化了从外部 URL 请求数据并在页面上显示信息的过程。Prototype 还包含一个定期更新器,但是本文并不使用它。
为了使用 Prototype 类和方法,从 Prototypejs.org Web 站点下载最新的文件并把它添加到 HTML 页面中,见清单 9。
清单 9. 在 HTML 页面中添加 Prototype
<html>
<head>
<title>E4X mindreader</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript; e4x=1" src="e4x.js"></script>
...
我们先从一些比较简单的任务开始。
表单管理
尽管肯定可以使用 DOM 操作 Web 页面的内容,但是 Prototype 提供了许多简便的函数。例如,可以使用 $() 函数访问一个元素,所以表达式 $('answerFormDiv') 引用 ID 为 answerFormDiv 的元素。可以使用这个功能简化第 1 部分中的许多 DOM 操作。例如,可以把 document.getElementById("displayQuestion").innerHTML = questionDisplay ; 替换为 $("displayQuestion").innerHTML = questionDisplay ;。
编缉推荐阅读以下文章
- 用 E4X 和 Prototype 创建 Ajax mindreader 应用程序,第 1 部分: 构建 Twenty Questions 基础结构
更多精彩
赞助商链接