美文网首页
js 实现将数据导出excel

js 实现将数据导出excel

作者: 清哥1992 | 来源:发表于2018-12-13 19:17 被阅读0次

    复制以下代码就可使用,快捷方便

    记录曾经的点点滴滴,以备将来更快捷的使用
    使用方式:点击导出按钮执行该方法便可

              toExeclHandle(jsonData){
                  let jsonData = [{
                      lsfwcs: "50",
                      yddz: "北京",
                      yhbh: "000001",
                      yhmc: "不知道",
                      zjhm: "18910100000",
                },{
                      lsfwcs: "50",
                      yddz: "北京",
                      yhbh: "000001",
                      yhmc: "不知道",
                      zjhm: "18910100000",
                }]
                //    "\n"  为换行   以下一行为表头
                let str = `客户编号,客户名称,主叫号码,用电地址,历史服务次数\n`;
    
                //增加\t为了不让表格显示科学计数法或者其他格式
                for(let item in jsonData){
                    str+=`${jsonData[item].yhbh + '\t'},`;     
                    str+=`${jsonData[item].yhmc) + '\t'},`;     
                    str+=`${jsonData[item].zjhm + '\t'},`;     
                    str+=`${jsonData[item].yddz + '\t'},`;     
                    str+=`${jsonData[item].lsfwcs + '\t'},`;
                    str+='\n';
                }
                
                //encodeURIComponent解决中文乱码
                let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
                //通过创建a标签实现
                var link = document.createElement("a");
                link.href = uri;
                //对下载的文件命名
                link.download =  "列表数据.csv";
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
            },
    

    相关文章

      网友评论

          本文标题:js 实现将数据导出excel

          本文链接:https://www.haomeiwen.com/subject/bxnbhqtx.html