如何使用ajax从json中获取信息, 并渲染到界面上。

使用AJAX从JSON中获取信息并渲染到界面上，可以通过以下步骤进行：

1. 创建XMLHttpRequest对象：根据浏览器的支持情况，可以创建原生的XMLHttpRequest对象，或者是使用更简便的fetch API。

2. 发送请求：使用创建的XMLHttpRequest对象的open方法设置请求方法（通常是GET或POST）和URL，然后调用send方法发送请求。对于fetch API，则调用fetch函数并传入URL。

3. 处理响应：设置XMLHttpRequest对象的onreadystatechange事件处理器，当请求成功返回并且readyState为4时，即可以获取到响应。对于fetch API，可以使用then方法来处理响应。

4. 解析JSON数据：获取到响应后，使用JSON.parse()方法将JSON字符串解析为JavaScript对象。

5. 渲染数据：使用解析后的JavaScript对象，通过DOM操作将数据渲染到界面上。

以下是一个使用原生XMLHttpRequest对象从JSON中获取信息并渲染到界面上的示例代码：

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

// 设置请求方法和URL
xhr.open('GET', 'data.json', true);

// 设置响应处理函数
xhr.onreadystatechange = function() {
    // 当请求成功完成时
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 解析JSON数据
        var data = JSON.parse(xhr.responseText);

        // 假设data中包含一个items数组，现在要将这些数据显示到网页上
        var container = document.getElementById('container');
        data.items.forEach(function(item) {
            // 创建新的div元素来显示数据
            var div = document.createElement('div');
            div.textContent = item.name; // 假设每个item有一个name属性
            container.appendChild(div);
        });
    }
};

// 发送请求
xhr.send();