码迷,mamicode.com
首页 > Web开发 > 详细

原生js-----------json生成excel

时间:2017-05-24 18:35:15      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:work   component   app   ace   display   ice   --   style   utf-8   

var content = ‘‘;
content += ‘<tr style="text-align:center">‘;
content += ‘<td>表头</td>‘ +
‘<td>表头</td>‘;
content += ‘</tr>‘;
rows.forEach(function(row){
content += ‘<tr>‘;
content += ‘<td>‘ + row.id + ‘</td>‘;
content += ‘<td>‘ + (row.name) + ‘</td>‘;
content += ‘</tr>‘;
});
var uri=‘data:application/vnd.ms-excel;charset=utf-8,‘;
var template = ‘<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"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>‘;
var format=function(s,c){return s.replace(/{(\w+)}/g,function(m,p){return c[p];})};

var link = document.createElement("a");
link.href = uri+encodeURIComponent(format(template,{worksheet:fileName||‘data‘,table:content}));

link.style = "visibility:hidden";
link.download = fileName + ".xls";

document.body.appendChild(link);
link.click();
document.body.removeChild(link);


主要思路就是构建一个表格,然后加到红色部分的代码里面去

原生js-----------json生成excel

标签:work   component   app   ace   display   ice   --   style   utf-8   

原文地址:http://www.cnblogs.com/GYZhao/p/6900145.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!