掌握 ajax 5(掌握中国海关管理权40年之久的是：示例代码)

Ajax（Asynchronous JavaScript and XML）是一种用于在网页上进行异步通信的技术。它可以使网页实现局部刷新，无需刷新整个页面就能获取和显示数据。通过Ajax，网页可以与服务器进行数据交换，从而实现动态更新内容，提升用户体验。

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

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

在这个示例中，我们使用了XMLHttpRequest对象来创建一个Ajax请求。我们创建了一个XMLHttpRequest对象，并通过`onreadystatechange`事件指定当请求状态发生改变时要执行的函数。在这个函数中，我们检查请求的状态和响应的状态码，如果都符合要求，就将服务器返回的数据显示在页面上。

在`loadContent`函数中，我们首先创建了一个`XMLHttpRequest`对象，并将其赋值给变量`xhttp`。然后，我们指定了`onreadystatechange`事件的处理函数。这个函数会在请求的`readyState`属性发生改变时被调用。当`readyState`等于4（表示请求已完成）并且`status`等于200（表示请求成功）时，我们将服务器返回的数据赋值给页面上的`content`元素的`innerHTML`属性，从而实现内容的更新。

我们使用`open`方法指定请求的类型（GET）、URL（data.txt）和是否异步（true）。然后，我们使用`send`方法发送请求。

通过这段示例代码，我们可以看到Ajax的基本用法。它通过创建`XMLHttpRequest`对象，发送请求并处理响应，实现了与服务器的异步通信。这样，我们就可以在不刷新整个页面的情况下，通过Ajax获取数据并更新页面内容，提升用户体验。