在前端開發中，經常會遇到需要獲取JSON格式的數據并在網頁中以表格的形式展示的情況。而使用Ajax技術可以很方便地實現這個功能。本文將介紹如何使用Ajax獲取JSON數據，并將其展示在網頁中的表格中。

假設我們有一個存儲學生信息的JSON文件，內容如下：

{
"students": [
{
"name": "張三",
"age": 18,
"score": 90
},
{
"name": "李四",
"age": 20,
"score": 85
},
{
"name": "王五",
"age": 19,
"score": 92
}
]
}

我們希望將這些學生信息以表格的形式展示在網頁上。首先，我們需要在HTML文件中創建一個用于展示表格的容器，例如一個div元素：

<div id="tableContainer"></div>

接下來，我們需要通過Ajax請求獲取JSON數據，并解析之后動態生成表格。下面是使用jQuery庫進行Ajax請求的示例代碼：

$.ajax({
url: "students.json",
dataType: "json",
success: function(data) {
// 處理獲取到的JSON數據
generateTable(data);
}
});

在這段代碼中，我們使用$.ajax()函數發送GET請求，url參數指定了JSON文件的路徑，dataType參數指定了期望的返回數據類型為"json"。當請求成功返回后，success回調函數將會被觸發，我們可以在這個函數中對返回的JSON數據進行處理。

接下來，我們編寫generateTable()函數來動態生成表格。首先，我們需要獲取用于展示表格的DOM元素：

var tableContainer = document.getElementById("tableContainer");

然后，我們依次遍歷JSON數據中的每個學生對象，并使用innerHTML屬性將表格的HTML代碼添加到表格容器中：

function generateTable(data) {
var students = data.students;
var html = "<table><thead><tr><th>姓名</th><th>年齡</th><th>分數</th></tr></thead><tbody>";
for (var i = 0; i < students.length; i++) {
var student = students[i];
html += "<tr><td>" + student.name + "</td><td>" + student.age + "</td><td>" + student.score + "</td></tr>";
}
html += "</tbody></table>";
tableContainer.innerHTML = html;
}

在這段代碼中，我們首先定義了一個表格的頭部，用于顯示表格的列名。然后，我們使用一個for循環遍歷每個學生對象，將學生的姓名、年齡和分數添加到表格的每一行。最后，我們將表格的HTML代碼賦值給表格容器的innerHTML屬性，以將表格渲染到網頁中。

通過以上步驟，我們成功地使用Ajax獲取到JSON數據，并將其展示在網頁中的表格中。這個功能可以方便地應用于各種數據展示的場景，如商品列表、用戶信息等。

總結來說，我們可以通過Ajax技術獲取JSON數據，并使用JavaScript解析和處理這些數據，然后將其動態生成網頁中的表格。這種方式可以使網頁更加靈活和交互性，滿足用戶的需求。