BootstrapTable是一款基于Bootstrap和jQuery的表格插件，可以快速地將數據渲染為美觀易用的表格。它支持多種數據源，其中包括json格式的數據。下面介紹如何使用BootstrapTable加載json數據。

// 引入jQuery和BootstrapTable
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.18.3/dist/bootstrap-table.min.js"></script>
// 準備json數據
var data = [
{"name": "Jack", "age": 20},
{"name": "Tom", "age": 25},
{"name": "Lucy", "age": 22}
];
// 將數據加載到表格中
$(document).ready(function () {
$('#table').bootstrapTable({
data: data
});
});

以上代碼首先引入了jQuery和BootstrapTable的相關文件。接著定義了一個json格式的數據對象data，其中包含了三個元素。最后使用BootstrapTable的data選項將數據加載到id為“table”的HTML表格中。

在使用BootstrapTable加載json數據時，需要注意以下幾點：

• json數據應該是一個JavaScript對象或數組，其中每個元素代表一行數據。
• 需在HTML表格中指定id為“table”，用于BootstrapTable加載數據。
• 通過data選項將數據加載到表格中，如上述代碼所示。

通過以上簡單的步驟，我們就可以使用BootstrapTable加載json數據，輕松地實現數據的可視化展示。