1. 程式人生 > >JSON資料匯出Excel

JSON資料匯出Excel

1、下載外掛

   1.1、百度雲盤下載:https://pan.baidu.com/s/1WSCTS3auENWJj-aO2gJtww 提取碼: ijq3 

   1.2、引入jsonExportExcel.js

<script type="text/javascript" src="${ctxStatic}/common/JsonExportExcel.min.js"></script>

2、實現程式碼 

<button type="button" onclick="downloadExcel()" class="btn green" style="width:150px;font-size: 14px">匯出</button>
function downloadExcel() {
        //JSON資料
        var showList=[{"AAE140":"城鎮企業職工基本養老保險","AAE041":"198105","AAE042":"199406","AAE180":"330","AAE022":"0","AAE023":"1042.8","AAE020":"9124.5","AAE021":"0","BAE230":"本金","TOTAL":"10167.3"},{"AAE140":"城鎮企業職工基本養老保險","AAE041":"199407","AAE042":"199506","AAE180":"235","AAE022":"0","AAE023":"56.4","AAE020":"493.56","AAE021":"0","BAE230":"本金","TOTAL":"549.96"},{"AAE140":"城鎮企業職工基本養老保險","AAE041":"199507","AAE042":"199606","AAE180":"283","AAE022":"0","AAE023":"67.92","AAE020":"594.36","AAE021":"0","BAE230":"本金","TOTAL":"662.28"},{"AAE140":"城鎮企業職工基本養老保險","AAE041":"199607","AAE042":"199706","AAE180":"310","AAE022":"0","AAE023":"111.6","AAE020":"651","AAE021":"0","BAE230":"本金","TOTAL":"762.6"},{"AAE140":"城鎮企業職工基本養老保險","AAE041":"199707","AAE042":"199806","AAE180":"325","AAE022":"0","AAE023":"117","AAE020":"682.56","AAE021":"0","BAE230":"本金","TOTAL":"799.56"},{"AAE140":"城鎮企業職工基本養老保險","AAE041":"199607","AAE042":"199706","AAE180":"310","AAE022":"0","AAE023":"111.6","AAE020":"651","AAE021":"0","BAE230":"本金","TOTAL":"762.6"},{"AAE140":"城鎮企業職工基本養老保險","AAE041":"199707","AAE042":"199806","AAE180":"325","AAE022":"0","AAE023":"117","AAE020":"682.56","AAE021":"0","BAE230":"本金","TOTAL":"799.56"},{"AAE140":"城鎮企業職工基本養老保險","AAE041":"199707","AAE042":"199806","AAE180":"325","AAE022":"0","AAE023":"117","AAE020":"682.56","AAE021":"0","BAE230":"本金","TOTAL":"799.56"},{"AAE140":"城鎮企業職工基本養老保險","AAE041":"199607","AAE042":"199706","AAE180":"310","AAE022":"0","AAE023":"111.6","AAE020":"651","AAE021":"0","BAE230":"本金","TOTAL":"762.6"},{"AAE140":"城鎮企業職工基本養老保險","AAE041":"199707","AAE042":"199806","AAE180":"325","AAE022":"0","AAE023":"117","AAE020":"682.56","AAE021":"0","BAE230":"本金","TOTAL":"799.56"},{"AAE140":"","AAE041":"198105","AAE042":"201705","AAE180":"","AAE022":"6094","AAE023":"32125.88","AAE020":"102460.55","AAE021":"3092.89","BAE230":"","TOTAL":"143773.32"}];

        var option={};
        //Excel檔名
        option.fileName = '匯出繳費明細';
        
        option.datas=[
            {
                //sheet名稱
                sheetName:'sheet',
                //表頭行
                sheetHeader:["險種類型", "開始日期", "結束日期", "繳費基數", "個人應繳統籌金額", "個人應繳劃入賬戶金額", "單位應繳統籌金額", "單位應繳劃入賬戶金額", "費用大類", "合計"],
            }
        ];
          
        option.datas[0].sheetData = showList;
        console.log(option);

        var toExcel=new ExportJsonExcel(option);

        toExcel.saveExcel();
    }

3、已驗證瀏覽器:IE11、Chrome、百度, 其它瀏覽器暫未驗證