如何将Ajax Json响应附加到html？

要将Ajax Json响应附加到HTML页面，可以通过以下步骤来实现：

首先，创建一个HTML页面，可以使用任何编辑器或IDE进行创建和编辑。
在HTML页面中添加一个用于显示响应数据的容器，例如一个div元素，可以通过给该元素添加一个唯一的id来标识，例如：

<div id="response-container"></div>

在JavaScript中，使用AJAX来获取JSON数据并将其附加到HTML页面。

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

// 设置响应类型为JSON
xhr.responseType = 'json';

// 监听readystatechange事件
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      // 获取JSON响应数据
      var response = xhr.response;
      
      // 将响应数据附加到HTML页面中的容器中
      var responseContainer = document.getElementById('response-container');
      responseContainer.innerHTML = JSON.stringify(response);
    } else {
      console.error('请求失败');
    }
  }
};

// 发送AJAX请求
xhr.open('GET', '/api/data');
xhr.send();

在上面的代码中，首先创建了一个XMLHttpRequest对象，并设置了响应类型为JSON。然后，通过监听readystatechange事件，当响应状态为XMLHttpRequest.DONE时，判断响应状态是否为200，表示请求成功。如果成功，获取JSON响应数据，并将其附加到HTML页面中的容器中。