jQuery是一種流行的JavaScript庫，它減少了許多常見任務的編寫，例如DOM操作、事件處理和異步請求等。在本文中，我們將討論如何使用jQuery通過模板加載數據。

在網頁上顯示數據的最常見方式之一是使用表格。我們可以使用jQuery的AJAX方法向服務器發送異步請求來獲取數據。然后，我們可以使用模板來生成我們想要的表格。下面是一個簡單的HTML模板，它將數據顯示在一個簡單的表格中：

<script id="table-template" type="text/template">
<table>
<thead>
<tr>
<th>姓名</th>
<th>郵箱</th>
<th>電話</th>
</tr>
</thead>
<tbody>
{{#each users}}
<tr>
<td>{{name}}</td>
<td>{{email}}</td>
<td>{{phone}}</td>
</tr>
{{/each}}
</tbody>
</table>
</script>

上面的模板中使用了Handlebars語法，這是一種JavaScript模板庫。它允許我們使用條件語句、迭代和變量插值等功能。當我們獲取到數據后，我們可以使用以下代碼將模板應用于數據：

$.ajax({
url: "/users",
success: function(users) {
var template = Handlebars.compile($("#table-template").html());
var html = template({users: users});
$("#table-container").html(html);
}
});

在上面的代碼中，我們首先通過AJAX方法獲取到一個包含用戶數據的數組。然后，我們將HTML模板編譯為一個可執行的函數。接下來，我們在調用函數時將數據作為參數傳遞。最后，我們將生成的HTML插入到指定的容器中。

通過使用jQuery和模板，我們可以輕松地向網頁中添加數據，并以美觀的方式呈現。使用模板也使我們能夠快速地更新和修改數據，而無需手動更新DOM。