JavaScript AJAX 请求成功但列表内容为空的解决方法

使用 XMLHttpRequest 发起 AJAX 请求并成功获取到数据，但在网页上却看不到列表内容，这种情况很常见。通常是因为以下几个原因：

HTML 中缺少 ul 元素: 你需要在 HTML 文档中创建一个 ul 元素，并设置 id 为 jsonList，以便将解析后的 JSON 数据添加到列表中。
```
<ul id='jsonList'></ul>
```
jsonList 元素的 id 属性不正确: 请确保 HTML 文档中的 ul 元素的 id 属性与代码中使用的 jsonList 一致。
JSON 数据格式错误: 确保你所请求的 JSON 数据格式正确，以便能够被正确解析和处理。

代码示例:

const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://127.0.0.1:8080/抽卡记录.json', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const json = JSON.parse(xhr.responseText);
    // 处理json数据
    json.info.forEach(item => {
      const li = document.createElement('li');
      li.textContent = `${item.name} - ${item.item_type}`;
      jsonList.appendChild(li);
    });
  }
};
xhr.send();

解决方法:

确保你的 HTML 文档中包含一个 id 为 jsonList 的 ul 元素。
确保 jsonList 的 id 属性拼写正确。
检查你的 JSON 数据格式是否正确，可以使用在线 JSON 校验工具进行验证。

如果以上方法都无法解决问题，请提供你的 HTML 代码和 JSON 数据，以便进一步排查问题。