json數據導出excel


最近做的一個項目涉及到把數據導出到excel里面,網上找來找去,最終找到兩種辦法,廢話不多說了

第一種:

拿到表格的id就可以抓取表格的數據,導出到excel,這種方式簡單粗暴,引入這兩個插件即可。

但是用這種方式會出現一種問題,就是當你的table有分頁的情況下,這玩意只能抓取頁面上的值,所以也不用多說了,其他分頁的是導不出來的,值能導出當前分頁的數據。

但是項目要求必須導出所有數據,這就出現了第二種解決方案,

使用起來也比較簡單,拿到數據直接往里面塞就是了,最后調用方法。這樣的話最終所有數據都出來了。

 

 

function JSONToExcelConvertor(JSONData, FileName, ShowLabel) {
 
var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;
 
var excel = '<table>';
 
//設置表頭
var row = "<tr>";
for (var i = 0, l = ShowLabel.length; i < l; i++) {
         row += "<td>" + ShowLabel[i].value + '</td>';
}
 
//換行
excel += row + "</tr>";
 
//設置數據
for (var i = 0; i < arrData.length; i++) {
     var row = "<tr>";
 
   for(var j=0;j<arrData[i].length;j++){
     var value = arrData[i][j].value === "." ? "" : arrData[i][j].value;
     row += '<td>' + value + '</td>';
  }

   excel += row + "</tr>";
}
 
excel += "</table>";
 
var excelFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns='http://www.w3.org/TR/REC-html40'>";
excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8">';
excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel';
excelFile += '; charset=UTF-8">';
excelFile += "<head>";
excelFile += "<!--[if gte mso 9]>";
excelFile += "<xml>";
excelFile += "<x:ExcelWorkbook>";
excelFile += "<x:ExcelWorksheets>";
excelFile += "<x:ExcelWorksheet>";
excelFile += "<x:Name>";
excelFile += "{worksheet}";
excelFile += "</x:Name>";
excelFile += "<x:WorksheetOptions>";
excelFile += "<x:DisplayGridlines/>";
excelFile += "</x:WorksheetOptions>";
excelFile += "</x:ExcelWorksheet>";
excelFile += "</x:ExcelWorksheets>";
excelFile += "</x:ExcelWorkbook>";
excelFile += "</xml>";
excelFile += "<![endif]-->";
excelFile += "</head>";
excelFile += "<body>";
excelFile += excel;
excelFile += "</body>";
excelFile += "</html>";
 
 
var uri = 'data:application/vnd.ms-excel;charset=utf-8,' + encodeURIComponent(excelFile);
 
var link = document.createElement("a");
link.href = uri;
 
link.style = "visibility:hidden";
link.download = FileName + ".xls";
 
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
var JSON_DATA = {
    "title":[
                 {"value":"司機", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"日期", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"物流單數量", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"退貨單數量", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"發貨總件數", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"退貨總件數", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"拒收總件數", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"取消發貨總件數", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"物流費總金額    ", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"代收手續費總金額", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"代收貨款總金額", "type":"ROW_HEADER_HEADER", "datatype":"string"}
        ],
       "data":[
 
        ] 
};


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM