什么是ajax

AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个页面的情况下，通过后台与服务器进行数据交互的技术。它可以在后台发送请求并接收响应，并将响应数据动态地更新到当前页面中。

实现 AJAX 的原理是通过 XMLHttpRequest 对象来实现。XMLHttpRequest 对象可以向服务器发送请求，并接收服务器返回的数据。通过监听 XMLHttpRequest 对象的状态变化，可以实现异步请求和处理响应。

以下是一个简单的 AJAX 示例的代码实现：

// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

// 设置请求方法和请求地址
xhr.open('GET', 'https://api.example.com/data', true);

// 监听 XMLHttpRequest 对象的状态变化
xhr.onreadystatechange = function() {
  // 当请求完成且成功返回数据时
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 将返回的数据解析为 JSON 格式
    var data = JSON.parse(xhr.responseText);
    
    // 在页面中更新数据
    document.getElementById('data-container').innerHTML = data;
  }
};

// 发送请求
xhr.send();

上述代码中，首先创建了一个 XMLHttpRequest 对象，并通过 open 方法设置了请求方法为 GET，请求地址为 https://api.example.com/data，并将异步请求标志设置为 true。然后通过监听 onreadystatechange 事件来获取 XMLHttpRequest 对象的状态变化。当请求完成并成功返回数据时，判断状态码是否为 200，然后将返回的 JSON 数据解析并更新到页面中。

需要注意的是，由于安全策略的限制，AJAX 请求只能向同一个域名下的接口发送请求。如果需要跨域发送请求，需要服务器端设置 CORS（Cross-Origin Resource Sharing）策略。