ajax 图灵—示例代码

Ajax（Asynchronous JavaScript and XML）是一种用于创建交互式网页应用程序的技术。它允许在不重新加载整个页面的情况下，通过与服务器进行异步通信来更新部分页面内容。通过使用Ajax，可以实现更流畅和动态的用户体验。

示例代码如下所示：

function loadContent() {
  var xhttp = new XMLHttpRequest();  // 创建一个XMLHttpRequest对象
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("content").innerHTML = this.responseText;  // 更新页面内容
    }
  };
  xhttp.open("GET", "example.php", true);  // 发送一个GET请求到example.php
  xhttp.send();  // 发送请求
}

在上面的示例代码中，我们首先创建了一个XMLHttpRequest对象（即`xhttp`），它用于与服务器进行通信。然后，我们定义了一个`onreadystatechange`事件处理程序，该处理程序在服务器响应发生变化时被调用。在这个处理程序中，我们检查`readyState`和`status`属性，以确保服务器响应成功（`readyState`为4且`status`为200）。如果响应成功，我们将服务器返回的内容更新到具有`id`为`content`的HTML元素中。

我们使用`open`方法指定请求的类型（这里是GET）和URL（这里是`example.php`），然后使用`send`方法发送请求。这样，当调用`loadContent`函数时，它将发送一个异步请求到服务器，并在响应成功后更新页面内容。

通过使用Ajax，我们可以实现在不刷新整个页面的情况下，通过与服务器进行异步通信来更新页面内容，从而提供更好的用户体验。