您正在使用IPV4(18.205.176.39)访问本站 您本次共访问本站 1 次
 用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
深圳小产权房       [公益]文明驾车我带头,文明行路我带头,礼貌让座我带头      

【腾讯云】热门云产品首单特惠秒杀,2核2G云服务器45元/年      
[公益] 节省一分零钱 献出一份爱心 温暖世间真情      
2022年 儿童节 15
2022年 端午节 17
2023年 元 旦 229
2023年 春 节 250
 
本类新增
本类热门文章
您现在的位置:首页 >> 脚本程序 >> 内容
纯js导出csv
内容摘要: htmlheadpstyle='font-size:20px;color:red;'使用a标签方式将json导出csv文件/pbuttononclick='tableToExcel()'导出/button/headbodyscriptfunctiontableToExcel(){//要导出的json数据constjsonData=[{name:'A用户',p......
<html>

<head>

<pstyle="font-size:20px;color:red;">使用a标签方式将json导出csv文件</p>

<buttononclick='tableToExcel()'>导出</button>

</head>

<body>

<script>

functiontableToExcel(){

//要导出的json数据

constjsonData=[

{

name:'A用户',

phone:'123456789',

email:[email protected]'

},

{

name:'B用户',

phone:'123456789',

email:[email protected]'

},

{

name:'C用户',

phone:'123456789',

email:[email protected]'

},

{

name:'D用户',

phone:'123456789',

email:[email protected]'

},

]

//列标题,逗号隔开,每一个逗号就是隔开一个单元格

letstr=`姓名,电话,邮箱\n`;

//增加\t为了不让表格显示科学计数法或者其他格式

for(leti=0;i<jsonData.length;i++){

for(letiteminjsonData[i]){

str+=`${jsonData[i][item]+'\t'},`;

}

str+='\n';

}

//***关键代码

//encodeURIComponent解决中文乱码

leturi='data:text/csv;charset=utf-8,\ufeff'+encodeURIComponent(str);

//通过创建a标签实现

letlink=document.createElement("a");

link.href=uri;

//***关键代码

//对下载的文件命名

link.download="json导出数据表.csv";

document.body.appendChild(link);

link.click();

document.body.removeChild(link);

}

</script>

</body>

</html>

上一篇:vue实现pdf文件发送到邮箱功能的示例 下一篇:HTML页面中使两个div并排显示的实现
发布日期:2022/5/13
手机扫二维码直达本页
发布时间:12:43:39
点击:90
录入:齐天大圣
相关文章
Baidu

YiJiaCMS 6.2.1.220509(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,百度云加速提供加速防护
Copyright©2000-2022