在前端開發中，我們經常需要使用表格來展示數據。而Datatables是一款功能強大的表格插件，可以快速地實現表格的搜索、排序、分頁等功能。同時，Datatables也支持從JSON中提取數據，讓數據展示更加方便。

提取JSON數據需要使用Datatables提供的ajax選項。我們可以通過ajax選項設置從服務器獲取數據，也可以在本地頁面中使用JSON數據。下面是一個從本地JSON中提取數據的示例：

$(document).ready(function() {
$('#table_id').DataTable({
"ajax": "data.json",
"columns": [
{"data": "name"},
{"data": "position"},
{"data": "office"},
{"data": "salary"}
]
});
});

在上面的代碼中，我們使用了columns選項來定義表格中的列。其中，data選項表示從JSON對象中提取的屬性名。

如果數據中有復雜的結構，可以使用render選項進行處理。下面是一個使用render選項的示例：

$(document).ready(function() {
$('#table_id').DataTable({
"ajax": "data.json",
"columns": [
{"data": "name"},
{"data": "position"},
{"data": "office"},
{
"data": "start_date",
"render": function(data, type, row) {
return moment(data).format('YYYY-MM-DD');
}
},
{"data": "salary"}
]
});
});

在上面的代碼中，我們使用了render選項來處理日期數據。其中，moment是一個JavaScript庫，可以方便地處理日期格式。

除此之外，Datatables還支持更多的選項和擴展，可以根據實際需求進行調整和擴展。希望本文可以對你在前端開發中使用Datatables提取JSON數據有所幫助。