使用AJAX进行异步数据请求

在现代Web开发中，AJAX（Asynchronous JavaScript and XML）技术使得我们可以在不刷新整个页面的情况下，与服务器进行数据交换和更新部分网页。下面是一个简单的AJAX请求示例，使用原生JavaScript的XMLHttpRequest对象。

function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      // 处理返回的数据
      console.log(this.responseText);
    }
  };
  xhttp.open("GET", "your-server-endpoint", true);
  xhttp.send();
}

// 调用函数发送请求
loadDoc();

这段代码首先创建了一个XMLHttpRequest对象，然后定义了一个回调函数，该函数在请求状态改变时被调用。当请求完成（readyState为4）并且响应状态码为200时，我们可以从responseText属性中获取服务器返回的数据。最后，我们使用open方法初始化一个GET请求，并使用send方法发送请求。这是一个基本的AJAX请求流程，可以根据需要进行扩展和修改。