AJAX教程(3)：AJAX实例- AJAX技术 - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > AJAX教程(3)：AJAX实例

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

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-30 浏览: 43 ::

收藏到网摘: 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 的基本原理。