博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS写入Json到CSV并下载
阅读量:4619 次
发布时间:2019-06-09

本文共 1615 字,大约阅读时间需要 5 分钟。

/*

CSV的格式是:

row1col1,row1col2,row1col3\r\n

row2col1,row2col2,row2col3\r\n

row3col1,row3col2,row3col3\r\n

思路很简单,拼凑字符串,避免特殊字符干扰CSV格式(西文双引号,逗号,换行等)。

 

下载的的方法是构建Url

data:text/csv;charset=UTF-8,Base32编码的csv字符串。

 

限制:

谷歌浏览器和IE浏览器对Url的最大长度限制不一样,总的来说,在前端组建CSV适用性非常有限,而且存在兼容性问题,不推荐使用。

*/

function JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel) {

    var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;
    var CSV = "\ufeff";
    var firfixCSV = "\ufeff";
    if (ShowLabel) {
        var row = "";
        var firfixRow = "";
        for (var index in arrData[0]) {
            row += index + ',';
            firfixCSV += index + ',';
        }
        CSV += row.slice(0, -1) + '\r\n';
        firfixCSV = (firfixCSV.slice(0, -1) + '\n');
    }
    for (var i = 0; i < arrData.length; i++) {
        var row = "";
        for (var index in arrData[i]) {
            row += '"' + arrData[i][index] + '",';
            firfixCSV += arrData[i][index] + ',';
        }
        row.slice(0, row.length - 1);
        CSV += row + '\r\n';
        firfixCSV = (firfixCSV.slice(0, -1) + '\n');
    }
    if (CSV == '') {
        alert("Invalid data");
        return;
    }
    var link = document.createElement("a");
    link.id = "lnkDwnldLnk";
    document.body.appendChild(link);
    var csv = CSV;
    blob = new Blob([csv], { type: 'text/csv,charset=UTF-8', endings: 'native' });
    if (window.webkitURL) {
        var csvUrl = window.webkitURL.createObjectURL(blob);
    } else {
        var csvUrl = 'data:text/csv;charset=UTF-8,\ufeff' + encodeURIComponent(firfixCSV);
    }
    var filename = ReportTitle + '.csv';
    $("#lnkDwnldLnk")
    .attr({
        'download': filename,
        'href': csvUrl
    });
    $('#lnkDwnldLnk')[0].click();
    $('.bs-example-modal-lg').modal('hide');
    document.body.removeChild(link);
}

转载于:https://www.cnblogs.com/Thancoo/p/JSONToCSV.html

你可能感兴趣的文章
忽略UserInterfaceState.xcuserstate
查看>>
ReactNative--Flexbox布局
查看>>
java实现读取文件大全
查看>>
[Cordova] 无法显示Alert视窗
查看>>
借助过度区选择阈值
查看>>
价格正则
查看>>
对for 循环的初认识
查看>>
评论列表显示及排序,个人中心显示
查看>>
JavaWeb学习笔记总结 目录篇
查看>>
C#根据html生成PDF
查看>>
Neutron SDN 手动实现手册
查看>>
linux下core文件调试方法
查看>>
20个创意404错误页面设计的启示
查看>>
DBCP连接池配置参数说明
查看>>
C语言实现四舍五入
查看>>
SSH创建公钥实现无密码操作失败原因
查看>>
【转】Javascript模块化编程(三):require.js的用法
查看>>
需求规格说明书
查看>>
python mysql 查询返回字典结构
查看>>
mysql 统计sql
查看>>