梁辰兴的博客

loadXMLDoc() 函数创建 XMLHttpRequest 对象，添加当服务器响应就绪时执行的函数，并将请求发送到服务器。上面这个例子中使用的服务器页面实际上是一个名为 “cd_catalog.xml” XML 文件。// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码。AJAX 可用来与 XML 文件进行交互式通信。// IE6, IE5 浏览器执行代码。

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。您应当具备的基础知识CSS如果您希望首先学习这些项目，请在我们的首页访问这些教程。AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

div 部分用于显示来自服务器的信息。// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码。上面的 AJAX 应用程序包含一个 div 和一个按钮。接下来，在页面的 head 部分添加一个。// IE6, IE5 浏览器执行代码。

为了应对所有的现代浏览器，包括 IE5 和 IE6，请检查浏览器是否支持 XMLHttpRequest 对象。如果支持，则创建 XMLHttpRequest 对象。所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。

如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。该文件可以是任何类型的文件，比如 .txt 和 .xml，或者服务器脚本文件，比如 .asp 和 .php （在传回响应之前，能够在服务器上执行任务）。如果服务器繁忙或缓慢，应用程序会挂起或停止。我们不推荐使用 async=false，但是对于一些小型的请求，也是可以的。与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。在上面的例子中，您可能得到的是缓存的结果。

如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。如果来自服务器的响应并非 XML，请使用 responseText 属性。

如果您的网站上存在多个 AJAX 任务，那么您应该为创建 XMLHttpRequest 对象编写一个标准的函数，并为每个 AJAX 任务调用该函数。注意： onreadystatechange 事件被触发 5 次（0 - 4），对应着 readyState 的每个变化。在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。当请求被发送到服务器时，我们需要执行一些基于响应的任务。回调函数是一种以参数形式传递给另一个函数的函数。

当用户在上面的输入框中键入字符时，会执行函数 “showHint()”。如果输入框为空 (str.length==0)，则该函数清空 txtHint 占位符的内容，并退出函数。由上面的 JavaScript 调用的服务器页面是 ASP 文件，名为 “gethint.asp”。下面，我们创建了两个版本的服务器文件，一个用 ASP 编写，另一个用 PHP 编写。下面的代码用 PHP 编写，与上面的 ASP 代码作用是一样的。AJAX 用于创造动态性更强的应用程序。// IE6, IE5 浏览器执行代码。

当用户在上面的下拉列表中选择某个客户时，会执行名为 “showCustomer()” 的函数。由上面的 JavaScript 调用的服务器页面是 PHP 文件，名为 “getcustomer.php”。// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码。用 PHP 编写服务器文件也很容易，或者用其他服务器语言。请看用 PHP 编写的相应的例子。AJAX 可用来与数据库进行动态通信。// IE6, IE5 浏览器执行代码。