用Ajax读取xml文件的简单例子

Ajax技术的奥秘在于其简单而强大的原理。在客户端，我们创建一个XMLHttpRequest对象，这个对象负责与服务器进行静默的、背后的通信，无需刷新整个页面。这种异步通信方式，正是Ajax的核心。实际上，我们早已在生活中广泛应用异步通信，只是未曾将其融入网页设计中。

当这个对象的readyState发生变化时，就会触发我们预先设定的事件。此刻，就可以通过它发送请求，读取服务器端的XML数据。接下来，主要的工作就是处理这些数据。

关于XMLHttpRequest对象的详细信息，推荐阅读“About XMLHttpRequest Object”一文。

让我们通过一个生动的例子来深入理解Ajax。请看一个名为“AjaxDemo.html”的示例：

此页面采用XHTML 1.0 Transitional标准，以UTF-8字符集编码。页面的标题为“Asynchronous JavaScript And XML”。

在页面中，我们有一个JavaScript脚本，它首先检查浏览器是否支持XMLHttpRequest对象。如果支持，就创建一个新的XMLHttpRequest实例。然后，为这个实例的onreadystatechange属性添加一个事件处理函数readyStateChangeHandle。

这个函数的作用是检查HTTP请求的状态。当HTTP请求完成（即readyState为4）且服务器返回的状态码为200（表示请求成功）时，它会获取服务器的XML响应，并尝试从中提取名为“item”的元素。如果成功，就会弹出一个包含这个元素内容的警告框。如果在这个过程中发生错误，则会弹出一个包含错误信息的警告框。

在页面上有一个按钮，当点击这个按钮时，会触发ajaxRequest函数。这个函数会打开到“data.xml”文件的连接，并发送一个HTTP GET请求。这个XML文件包含一个名为“item”的元素，元素的内容是“Wele to the world of AJAX(Asynchronous JavaScript And XML)！”

Ajax允许我们在不刷新页面的情况下，从服务器获取数据并在页面上动态更新内容，为用户带来流畅、高效的体验。

至于data.xml文件，它只是一个简单的XML文档，包含一个root元素和一个item元素。这个item元素就是我们在Ajax请求中想要获取的数据。

在理解了Ajax的基本原理和如何使用它之后，我们可以将其应用到实际开发中，为用户创造更丰富、更互动的网页体验。