为什么ajax 示例代码

Ajax（Asynchronous JavaScript and XML）是一种用于在网页上进行异步数据交互的技术。它能够在不刷新整个页面的情况下，通过与服务器进行数据交换，更新部分页面内容。这种技术的优势在于提升了用户体验，使得网页能够更加动态、流畅地加载和展示数据。

下面是一个简单的Ajax示例代码，用于向服务器发送请求并获取响应数据：

var xhr = new XMLHttpRequest();  // 创建XMLHttpRequest对象
xhr.onreadystatechange = function() {  // 监听readyState的变化
  if (xhr.readyState === 4 && xhr.status === 200) {  // 当readyState为4且status为200时，表示请求成功
    var response = xhr.responseText;  // 获取服务器返回的响应数据
    console.log(response);  // 打印响应数据
  }
};
xhr.open('GET', 'https://api.example.com/data', true);  // 创建一个GET请求，请求地址为https://api.example.com/data
xhr.send();  // 发送请求

在上面的代码中，首先通过`XMLHttpRequest`对象创建了一个用于发送请求和接收响应的实例。然后，通过`onreadystatechange`事件监听器，我们可以在请求状态发生变化时执行相应的操作。当`readyState`为4且`status`为200时，表示请求成功，我们可以通过`responseText`属性获取服务器返回的响应数据。

接着，我们使用`open`方法创建一个GET请求，并指定请求的地址为`https://api.example.com/data`。通过`send`方法发送请求。

通过以上示例代码，我们可以看到Ajax的基本使用流程：创建XMLHttpRequest对象，监听请求状态的变化，发送请求并获取响应数据。这样就实现了在不刷新整个页面的情况下，与服务器进行数据交互的功能。