zoukankan      html  css  js  c++  java
  • JS写入Json到CSV并下载

    /*

    CSV的格式是:

    row1col1,row1col2,row1col3

    row2col1,row2col2,row2col3

    row3col1,row3col2,row3col3

    思路很简单,拼凑字符串,避免特殊字符干扰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) + ' ';
            firfixCSV = (firfixCSV.slice(0, -1) + ' ');
        }
        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 + ' ';
            firfixCSV = (firfixCSV.slice(0, -1) + ' ');
        }

        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);
    }

  • 相关阅读:
    B. Sorted Adjacent Differences(思维构造)
    C. Yet Another Counting Problem(循环节规律)
    B. Phoenix and Beauty(贪心构造)
    Phoenix and Distribution(字典序贪心)
    D. Almost All Divisors(数学分解因子)
    Mongodb之简介
    web服务版智能语音对话
    图灵机器人
    人工智能之语音
    人工智能
  • 原文地址:https://www.cnblogs.com/Thancoo/p/JSONToCSV.html
Copyright © 2011-2022 走看看