EasyUI是一個基于jQuery的開源UI框架，提供豐富的UI組件和簡潔易用的API，使開發者能夠快速搭建企業級Web應用。在EasyUI框架中，通過加載JSON文件可以快速生成數據表格、樹形結構、表單等組件，本文將介紹EasyUI框架中js加載JSON文件的方法。

首先，需要在HTML頁面中引入EasyUI框架及jQuery庫：

<link  rel="stylesheet" type="text/css" />
<link  rel="stylesheet" type="text/css" />
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/easyui/1.8.1/jquery.easyui.min.js"></script>

接著，在JavaScript文件中通過jQuery的ajax方法異步加載JSON文件數據，代碼如下：

$.ajax({
url: 'data.json',
dataType: 'json',
success: function(data){
var tableData = data.rows; //取得JSON數據中的rows數組
$('#dg').datagrid('loadData', tableData); //將JSON數據傳給datagrid組件
}
});

在上述代碼中，通過調用jQuery的ajax方法異步加載名為data.json的JSON文件，設置dataType參數為json，表示要加載的是json數據，success回調函數中接收到異步加載的數據，并將數據中的rows數組賦給tableData變量。然后，將tableData變量傳給EasyUI框架中的datagrid組件，通過loadData方法生成一個數據表格。

最后，在HTML頁面中定義EasyUI的datagrid組件，并設置相關屬性：

<table id="dg"></table>
<script>
$('#dg').datagrid({
columns: [[
{field:'itemid',title:'Item ID',width:100},
{field:'productid',title:'Product ID',width:100},
{field:'listprice',title:'List Price',width:100}
]]
});
</script>

在上述代碼中，通過id選擇器選擇id為dg的table標簽，并調用EasyUI的datagrid方法，設置columns屬性為包含列名的二維數組，表示數據表格的列名即為itemid、productid、listprice。

在上述步驟完成后，通過運行該頁面即可顯示由JSON文件數據生成的數據表格。