AJAX（Asynchronous JavaScript and XML）是一种在Web应用程序中实现异步通信的技术。通过使用AJAX，我们可以从服务器请求数据，然后将返回的数据以各种方式展示给用户。本文将介绍如何使用AJAX从JSON获得数据后如何展示，并给出相应的示例。

使用AJAX从JSON获得数据后，一种常见的展示方式是将数据显示在HTML表格中。假设我们有一个服务器端返回的JSON数据如下：

{
"students": [
{
"name": "小明",
"age": 20,
"grade": "大一"
},
{
"name": "小红",
"age": 22,
"grade": "大三"
},
{
"name": "小刚",
"age": 19,
"grade": "大二"
}
]
}

我们可以使用AJAX通过GET或POST请求从服务器获得这些数据。以下是一个示例的AJAX代码：

$.ajax({
url: "example.com/students",
type: "GET",
dataType: "json",
success: function(data) {
// 在这里处理返回的JSON数据
// 将数据展示在HTML表格中
var html = "

"; for (var i = 0; i< data.students.length; i++) { html += ""; } html += "

姓名	年龄	年级
" + data.students[i].name + "	" + data.students[i].age + "	" + data.students[i].grade + "

"; $("#students-table").html(html); } });

在上面的代码中，我们通过GET请求从URL为"example.com/students"的服务器获得JSON数据，并在成功回调函数中处理数据。首先，我们创建一个空的HTML表格，然后使用一个for循环遍历JSON数据中的每个学生对象，将学生的姓名、年龄和年级添加到HTML表格中的每一行中，最后将HTML表格的内容插入到页面中id为"students-table"的元素中。

除了HTML表格，我们还可以使用其他方式展示从JSON获得的数据。例如，我们可以将数据以列表的形式展示：

$.ajax({
url: "example.com/students",
type: "GET",
dataType: "json",
success: function(data) {
// 在这里处理返回的JSON数据
// 将数据展示在HTML列表中
var html = "

"; for (var i = 0; i< data.students.length; i++) { html += "
• " + data.students[i].name + "，" + data.students[i].age + "岁，" + data.students[i].grade + "
"; } html += "

"; $("#students-list").html(html); } });

在上述代码中，我们创建一个空的HTML无序列表，然后使用一个for循环遍历JSON数据中的每个学生对象，将学生的姓名、年龄和年级添加为无序列表的每个列表项，最后将HTML列表的内容插入到页面中id为"students-list"的元素中。

总结来说，使用AJAX从JSON获得数据后，我们可以将数据以各种方式展示给用户，比如HTML表格、列表等。通过以上示例代码，我们可以看到如何通过处理返回的JSON数据，将数据动态地展示在页面中，为用户提供更好的用户体验。