WEB开发网
开发学院网页设计JavaScript 用 E4X 和 Prototype 创建 Ajax mindreader 应用程... 阅读

用 E4X 和 Prototype 创建 Ajax mindreader 应用程序,第 2 部分: 使 mindreader 应用程序更智能化

 2010-03-09 00:00:00 来源:WEB开发网   
核心提示: 提出这个问题,返回到第 3 步,用 E4X 和 Prototype 创建 Ajax mindreader 应用程序,第 2 部分: 使 mindreader 应用程序更智能化(8),应用程序和数据库之间交互的关键是 Prototype JavaScript 库,Prototype 简介我们将主要

提出这个问题。

返回到第 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 基础结构

上一页  3 4 5 6 7 8 9 10  下一页

Tags:EX Prototype 创建

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接