AJAX（Asynchronous JavaScript and XML）是一種用于創建動態并且無需頁面刷新的網頁交互技術。在Web開發中，經常遇到需要動態生成表格的情況，例如從服務器獲取數據并將其顯示在表格中。本文將介紹如何使用AJAX動態創建表格，并附帶示例說明。

首先，我們需要準備一個空的HTML表格，其中只包含表頭。在通過AJAX請求獲取數據后，我們將使用JavaScript代碼動態創建表格的內容。

<table id="myTable">
<thead>
<tr>
<th>姓名</th>
<th>年齡</th>
<th>職業</th>
</tr>
</thead>
<tbody id="tableBody"></tbody>
</table>

以上代碼創建了一個帶有表頭的空表格。注意，我們為元素添加了一個id屬性，這將在稍后的JavaScript代碼中使用。

接下來，我們可以使用AJAX請求來獲取數據，并在成功回調函數中動態生成表格的內容。我們假設通過AJAX從服務器獲取的數據是一個包含多個人的數組，每個人都包含姓名、年齡和職業等信息。

function getData() {
// 發起AJAX請求獲取數據
// 這里使用了簡單的模擬數據
var data = [
{ name: '張三', age: 25, occupation: '工程師' },
{ name: '李四', age: 30, occupation: '設計師' },
{ name: '王五', age: 28, occupation: '銷售員' }
];
// 動態生成表格內容
var tableBody = document.getElementById('tableBody');
for (var i = 0; i< data.length; i++) {
var person = data[i];
var row = tableBody.insertRow(i);
var nameCell = row.insertCell(0);
var ageCell = row.insertCell(1);
var occupationCell = row.insertCell(2);
nameCell.innerHTML = person.name;
ageCell.innerHTML = person.age;
occupationCell.innerHTML = person.occupation;
}
}

在上面的代碼中，我們首先獲取了前面創建的元素的引用，然后使用一個循環來遍歷獲取到的數據數組，依次為每個人創建一行，并為每個單元格設置內容。

最后，我們需要在頁面加載完成后調用getData函數來獲取并顯示數據：

window.onload = function() {
getData();
};

當頁面加載完成后，getData函數將自動執行，通過AJAX獲取數據，并動態創建表格的內容。最終，我們將在頁面上看到一個完整的表格，其中包含了我們從服務器獲取的數據。

總結來說，通過AJAX動態創建表格可以實現無需頁面刷新即可展示動態數據。通過在HTML中預先創建一個空表格，并借助JavaScript處理AJAX請求，并動態將獲取的數據添加到表格中，我們可以輕松實現這一需求。上述示例只是簡單的演示，實際應用中可以根據具體需求進行擴展和優化。