Bootstrap 是一個廣泛使用的前端開發框架，它可以大大降低開發者的工作量，常用的功能有導航、表單、按鈕等等。在這篇文章中，我們將介紹如何使用 Bootstrap 的表格組件來加載 JSON 數據。 我們首先需要準備一份 JSON 數據，它應該長這樣：

{
"data": [
{ "name": "張三", "age": 18, "gender": "男"},
{ "name": "李四", "age": 20, "gender": "男"},
{ "name": "王五", "age": 19, "gender": "女"}
]
}

我們使用 jQuery 的 Ajax 函數來獲取這份 JSON 數據，具體代碼如下所示：

$.ajax({
url: '/data.json',
type: 'GET',
dataType: 'json',
success: function(data) {
// 在這里處理成功獲取到的數據
},
error: function(xhr, textStatus, error) {
console.log(xhr.statusText);
console.log(textStatus);
console.log(error);
}
});

在成功獲取到數據之后，我們需要使用 Bootstrap 表格組件來展示數據。具體代碼如下所示：

<%
$.each(data.data, function(index, item) {
%><%
})
%>
姓名
年齡
性別
<%=item.name%>
<%=item.age%>
<%=item.gender%>

在這段代碼中，我們使用了 jQuery 的 each 函數來遍歷數據，使用<%= %>語法來動態渲染每一行數據。在這個例子中，我們渲染了表頭和表格數據。 最后的效果應該是這樣的： [姓名] [年齡] [性別] 張三 18 男 李四 20 男 王五 19 女 使用 Bootstrap 表格組件來加載 JSON 數據非常簡單，它可以幫助我們快速地創建和展示數據。如果你需要使用表格組件的其他功能，可以查看 Bootstrap 的官方文檔進行深入學習。