Bootstrap是一款非常流行的前端框架，提供了豐富的組件和樣式，使得開發者能夠更加快速地構建漂亮、響應式的用戶界面。在Bootstrap中，表格是一個很常見的組件，我們可以使用它來展示各種數據。但是，如果我們需要從后端返回數據并在表格中展示，我們該如何實現呢？

一種常見的做法是使用JSON格式的數據來傳輸。JSON是一種輕量級的數據交換格式，易于閱讀和編寫。同時，Bootstrap也提供了相應的API來幫助我們將JSON數據渲染到表格中。下面是一個例子：

<table class="table">
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
</thead>
<tbody id="table-body"></tbody>
</table>
<script>
$.get('/api/data', function(data) {
$.each(data, function(key, value) {
$('#table-body').append('<tr><td>' + value.id + '</td><td>' + value.name + '</td><td>' + value.gender + '</td><td>' + value.age + '</td></tr>');
});
});
</script>

如上代碼所示，我們先定義了一個空表格，然后通過jQuery的get方法向后端請求數據。請求成功后，我們使用each方法遍歷數據，并逐行添加到表格中。其中，table-body是tbody標簽的id屬性，我們將其用作添加行的目標。每一行的數據都使用html字符串的形式拼接起來，最終渲染到表格中。這樣，我們就完成了從數據庫返回JSON數據并展示在Bootstrap表格中的操作。