ajax教程 csdn,ajax实例教程：示例代码

Ajax（Asynchronous JavaScript and XML）是一种用于在网页上进行异步通信的技术。它可以通过在后台发送HTTP请求并接收响应来更新网页的部分内容，而不需要刷新整个页面。这种技术可以提高用户体验，使网页更加动态和交互。

下面是一个简单的Ajax示例代码，用于通过Ajax请求获取服务器上的数据并将其显示在网页上：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 定义一个回调函数，用于处理服务器响应
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 当请求完成且响应状态码为200时，执行以下代码
    var response = xhr.responseText;
    // 在网页上显示服务器响应的数据
    document.getElementById("result").innerHTML = response;
  }
};
// 发送Ajax请求
xhr.open("GET", "http://example.com/data", true);
xhr.send();

在上面的示例中，首先我们创建了一个XMLHttpRequest对象。然后，我们定义了一个回调函数`onreadystatechange`，该函数在每次Ajax请求状态发生变化时被调用。当请求完成且响应状态码为200时，我们将服务器响应的数据赋值给变量`response`，然后将其显示在id为`result`的HTML元素中。

我们使用`open`方法设置请求的方法（这里是GET）、URL（这里是"http://example.com/data"）和是否异步（这里是true），然后使用`send`方法发送Ajax请求。

这是一个简单的Ajax示例，它展示了如何使用Ajax技术在网页上进行异步通信。通过发送Ajax请求并处理服务器响应，我们可以动态更新网页的内容，提供更好的用户体验。