attribute ajax【示例代码】

Ajax（Asynchronous JavaScript and XML）是一种用于创建异步请求的技术。它允许网页在不刷新整个页面的情况下，通过与服务器进行通信，动态地更新部分页面内容。通过使用Ajax，我们可以在不打断用户操作的情况下，实现网页的实时交互和数据更新。

下面是一个使用Ajax实现的示例代码：

function loadContent() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      document.getElementById("content").innerHTML = xhr.responseText;
    }
  };
  xhr.open("GET", "example.php", true);
  xhr.send();
}

在这个示例代码中，我们定义了一个名为`loadContent`的函数。当调用这个函数时，它会创建一个新的XMLHttpRequest对象`xhr`，并设置其`onreadystatechange`事件处理函数。当`xhr`对象的状态发生变化时，该事件处理函数会被调用。

在`onreadystatechange`事件处理函数中，我们首先检查`xhr`对象的`readyState`属性是否为4（表示请求已完成），并且`xhr`对象的`status`属性是否为200（表示请求成功）。如果满足这两个条件，我们将服务器返回的响应文本赋值给id为"content"的元素的`innerHTML`属性，从而实现动态更新页面内容。

接下来，我们使用`xhr.open`方法指定请求的类型（GET）、URL（"example.php"）和是否异步（true）。我们调用`xhr.send`方法发送请求。

通过这段示例代码，我们可以看到使用Ajax的基本步骤：创建XMLHttpRequest对象、设置事件处理函数、发送请求并处理响应。这样，我们就可以实现网页的异步更新和动态交互。