html file ajax 传输

在 HTML 文件中，可以使用 Ajax 技术来实现数据的异步传输。Ajax（Asynchronous JavaScript and XML）是一种在不重新加载整个网页的情况下，通过后台与服务器进行数据交换并更新部分网页内容的技术。

通常情况下，Ajax 技术会使用 XMLHttpRequest 对象来向服务器发送请求，然后获取服务器返回的数据，并使用 JavaScript 动态更新页面内容。下面是一个简单的 Ajax 示例代码：

<button onclick="loadDoc()">点击加载数据</button>

<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "data.txt", true);
  xhttp.send();
}
</script>

以上代码中，当用户点击按钮时，会触发名为 loadDoc 的函数。该函数会创建一个 XMLHttpRequest 对象，并使用 open() 方法来指定请求类型、请求URL 和异步标志位。然后，通过 send() 方法向服务器发送请求。

当服务器返回响应时，会触发 onreadystatechange 事件，并检查状态码和响应内容是否正确。如果一切正常，则使用 innerHTML 属性将响应内容插入到页面中指定的元素中。