ajax获取API json数据并显示

可以使用JavaScript中的XMLHttpRequest对象发起AJAX请求，获取API返回的JSON数据，然后使用JavaScript中的DOM操作动态将数据渲染到页面上。下面是一个简单的例子：

// 创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方式和URL
xhr.open('GET', 'http://example.com/api/data');
// 发起请求
xhr.send();
// 监听请求状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 处理返回的JSON数据
    var data = JSON.parse(xhr.responseText);
    // 在页面上渲染数据
    var list = document.createElement('ul');
    for (var i = 0; i < data.length; i++) {
      var item = document.createElement('li');
      item.textContent = data[i].name + ': ' + data[i].value;
      list.appendChild(item);
    }
    document.body.appendChild(list);
  }
};

希望这个例子能帮助你了解AJAX和JSON的基本使用方法。