ajax 传回表格【示例代码】

Ajax是一种用于在不重新加载整个网页的情况下，通过与服务器进行异步通信来更新部分网页内容的技术。它可以实现网页的动态加载，提高用户体验。

下面是一个示例代码，用于通过Ajax传回一个包含表格的网页内容。

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 指定请求的方法、URL和是否异步
xhr.open("GET", "example.com/tabledata", true);
// 设置回调函数，当请求状态发生改变时触发
xhr.onreadystatechange = function() {
  // 判断请求状态是否完成
  if (xhr.readyState === 4) {
    // 判断响应状态码是否成功
    if (xhr.status === 200) {
      // 获取服务器返回的响应数据
      var response = xhr.responseText;
      // 将响应数据解析为HTML元素
      var table = document.createElement("table");
      table.innerHTML = response;
      // 将表格添加到网页中的某个元素中
      document.getElementById("table-container").appendChild(table);
    } else {
      console.error("请求失败：" + xhr.status);
    }
  }
};
// 发送请求
xhr.send();

在上面的代码中，首先我们创建了一个XMLHttpRequest对象，用于发送Ajax请求。然后通过open方法指定请求的方法、URL和是否异步。接着设置了一个回调函数，当请求状态发生改变时会触发该函数。在回调函数中，我们首先判断请求状态是否完成，然后再判断响应状态码是否成功。如果成功，我们获取服务器返回的响应数据，并将其解析为HTML元素，最后将表格添加到网页中的某个元素中。

这样，通过Ajax传回的表格就可以动态地加载到网页中，而不需要重新加载整个网页。