使用ajax到后端调用接口 得到list 传到前端 将list内容渲染到li上

使用 AJAX 调用后端接口得到列表并将内容渲染到前端的 `<li>` 上，需要进行以下几个步骤：

1. **创建 XMLHttpRequest 或 Fetch 对象**：首先，在 JavaScript 中你需要创建一个 XMLHttpRequest 或者利用现代浏览器提供的 Fetch API，比如：

   var xhr = new XMLHttpRequest();
   // 或者使用 Fetch:
   fetch('your-api-url')
   .then(response => response.json())

2. **设置请求和监听响应**：配置请求方法（如 `GET` 或 `POST`），并设置一个回调函数来处理响应。比如：

   xhr.open('GET', 'your-api-url');
   xhr.onload = function() {
     if (xhr.status === 200) {
       var listData = xhr.response; // 假设响应是一个 JSON 列表
     } else {
       console.error('Error:', xhr.statusText);
     }
   };

3. **发送请求**：

   xhr.send();

4. **渲染列表**：在接收到后端数据之后，将数据转换成 HTML `<li>` 标签，然后插入到指定的容器内，比如：

   function renderList(listData) {
     var container = document.getElementById('list-container');
     for (var i = 0; i < listData.length; i++) {
       var li = document.createElement('li');
       li.textContent = listData[i];
       container.appendChild(li);
     }
   }
   renderList(listData);