ajax获取json数据展示

在Web开发中，Ajax是一项非常重要的技术。它可以通过异步请求获取服务器端数据，从而实现页面的动态更新。其中，获取JSON格式的数据是一种非常常见的需求。下面是通过Ajax获取JSON数据并展示的代码：

$.ajax({
    url: '数据接口地址',type: 'GET',dataType: 'json',success: function(data) {
        // 数据获取成功后的回调函数
        // 在这里对data进行操作，如展示在页面上
    },error: function(xhr,type) {
        // 数据获取失败的回调函数
        console.log(xhr);
        console.log(type);
    }
});

在上述代码中，我们使用jQuery的$.ajax函数向服务器发起请求。其中，url参数指定了数据接口的地址，type参数指定了请求的类型为GET，dataType参数指定了期望的响应数据格式为JSON。当响应成功返回时，success回调函数会被执行，我们可以在其中对返回的数据进行处理，比如将其展示在页面上。当响应出错时，error回调函数会被执行，我们可以在其中处理异常情况。

除了上述代码，我们还需要在页面上展示获取到的数据。比如，可以将数据展示在表格中：

编号	姓名	年龄

在上述代码中，我们创建了一个空表格，其中thead部分定义了表头，tbody部分则留待填充数据。接下来，我们在success回调函数中添加以下代码：

var html = '';
for (var i = 0; i ';
    html += '' + data[i].id + '';
    html += '' + data[i].name + '';
    html += '' + data[i].age + '';
    html += '';
}
$('#data-table').html(html);

在上述代码中，我们遍历获取到的JSON数据，使用字符串拼接的方式将数据转化为HTML代码，并将其插入到表格中。这样，我们就完成了数据的展示。