ajax的预览,ajax怎么把数据渲染到页面：示例代码

1、AJAX（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下，通过异步请求从服务器获取数据并将其渲染到页面的技术。AJAX可以通过XMLHttpRequest对象来实现，它可以在后台与服务器进行数据交换，然后使用JavaScript来更新页面的部分内容。

示例代码如下所示：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 监听xhr对象的onreadystatechange事件
xhr.onreadystatechange = function() {
  // 当请求完成并成功时，执行以下代码
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 获取服务器返回的数据
    var responseData = xhr.responseText;
    // 将数据渲染到页面中的某个元素中
    document.getElementById("result").innerHTML = responseData;
  }
};
// 发送异步请求
xhr.open("GET", "example.com/data", true);
xhr.send();

在上面的示例代码中，我们首先创建了一个XMLHttpRequest对象，并通过监听其onreadystatechange事件来处理请求的结果。当请求成功完成时（readyState为4，status为200），我们获取到服务器返回的数据（responseText），然后将其渲染到页面中的某个元素（id为"result"）中。

这样，当页面加载完成后，会自动发送一个异步请求到服务器获取数据，并将数据渲染到页面中的指定元素中，实现了页面的动态更新。