AJAX教程(3)：AJAX实例- AJAX、AJAX教程，AJAX入门和AJAX实例专题

AJAX基础入门教程: AJAX教程(17)：把XML文件显示为HTML表格; AJAX教程(16)：通过XMLHTTP进行一次指定的HEAD请求; AJAX教程(15)：通过XMLHTTP进行一次HEAD请求; AJAX教程(14)：通过XMLHTTP加载XML文件; AJAX教程(13)：通过XMLHTTP把文本文件载入HTML元素; AJAX教程(12)：AJAX ResponseXML 实例; AJAX教程(11)：AJAX XML 实例; AJAX教程(10)：AJAX 数据库实例; AJAX教程(9)：AJAX 请求源代码; AJAX教程(8)：AJAX 请求实例; AJAX教程(7)：AJAX - 服务器端的脚本; AJAX教程(6)：AJAX - 请求服务器; AJAX教程(5)：AJAX-XMLHttpRequest 对象; AJAX教程(4)：AJAX 浏览器支持; AJAX教程(3)：AJAX实例; AJAX教程(2)：AJAX Http请求; AJAX教程(1)：AJAX简介

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-12-05 浏览: 64 ::

收藏到网摘: n/a

您的第一个 AJAX 应用程序

为了让您理解 AJAX 的工作原理，我们将创建一个小型的 AJAX 应用程序。

首先，我们需要一个带有两个文本框的 HTML 表单：用户名和时间。用户名文本框由用户填写，而时间文本框使用 AJAX 进行填写。

此 HTML 文件名为 "testAjax.htm"（请注意这个 HTML 表单没有提交按钮！）：

<html>
<body>
<form name="myForm">
用户: <input type="text" name="username" />
时间: <input type="text" name="time" />
</form>
</body>
</html>

我们将在下一节解释 AJAX 的基本原理。