在前端開發中，我們常需要加載本地json數據。這時可以使用dataList來實現。

首先，我們需要將json數據存放在本地。這里假設我們將數據存放在data.json文件中。然后，在html文件中，我們需要先引入jQuery庫和dataList庫：

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/dataList/1.0.0/dataList.min.js"></script>

接下來，我們可以使用如下代碼來加載數據：

<div id="dataList"></div>
<script>
$.getData({
url: 'data.json',
success: function(data) {
$('#dataList').dataList({
data: data,
// 這里可以配置其他參數，例如分頁等。
});
}
});
</script>

其中，$.getData是一個封裝了ajax請求的函數，可自行實現。dataList庫需要使用dataList函數來初始化，并傳入data參數來渲染數據。

最后，我們必須要保證json數據格式正確，例如：

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

這樣，我們就可以方便地實現本地json數據的加載和渲染了。