原生js ajax data(示例代码)

原生JavaScript中的Ajax是一种用于在不刷新整个页面的情况下，通过异步请求来获取服务器数据并更新页面的技术。它可以通过XMLHttpRequest对象来实现。Ajax的核心思想是通过在后台与服务器进行少量数据交换，从而使网页实现异步更新。下面是一个使用原生JavaScript实现Ajax的示例代码：

var xhr = new XMLHttpRequest();  // 创建XMLHttpRequest对象
xhr.onreadystatechange = function() {  // 监听readyState的改变
  if (xhr.readyState === 4 && xhr.status === 200) {  // 当请求完成且响应成功时
    var response = xhr.responseText;  // 获取服务器返回的数据
    // 在这里进行数据处理或更新页面的操作
  }
};
xhr.open('GET', 'http://example.com/api/data', true);  // 配置请求方法、URL和是否异步
xhr.send();  // 发送请求

在上面的示例代码中，首先创建了一个XMLHttpRequest对象，并通过onreadystatechange事件监听其readyState的改变。当readyState的值变为4（请求完成）并且status的值为200（响应成功）时，表示服务器返回的数据已经准备好。接着通过responseText属性获取服务器返回的数据，并进行相应的处理或页面更新操作。

在配置请求时，使用open方法指定请求的方法（这里是GET）、URL和是否异步（true表示异步）。通过send方法发送请求。

这样，当浏览器执行到xhr.send()时，就会向服务器发送一个异步请求，并在请求完成后获取服务器返回的数据。通过在onreadystatechange事件中处理这些数据，我们可以实现页面的动态更新。