Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
257 views
in Technique[技术] by (71.8m points)

How to export JavaScript Json info to csv (on client side)?

from array info to csv :

<script>

    function downloadCsv() {
        var data = arrCsvData;
        var csvContent = "data:text/csv;charset=utf-8,";
        data.forEach(function(infoArray, index) {

            dataString = infoArray.join(",");
            csvContent += index < data.length ? dataString + "
" : dataString;

        });

        var encodedUri = encodeURI(csvContent);
        var link = document.createElement("a");
        link.setAttribute("href", encodedUri);
        link.setAttribute("download", "my_data.csv");

        link.click();
    }

</script>

Similarly how can i export javascript json info to csv (on client side)??

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

Here is how we can download json array of array to cdv data format :

function downloadCsv() {
            var data = arrCsvData;
            var csvContent = "data:text/csv;charset=utf-8,";

                for (var key in data) {
                  if (data.hasOwnProperty(key)) {
                    data[key].unshift([key,""]);
                    for(var index=0;index<data[key].length;index++){
                        var elementArray = data[key][index];
                        data[key][index] = elementArray.join(",");
                    }
                    csvContent += data[key].join("
");
                  }
                  csvContent += "
";
                }
            var encodedUri = encodeURI(csvContent);
            var link = document.createElement("a");
            link.setAttribute("href", encodedUri);
            link.setAttribute("download", "graphData.csv");

            link.click();
        }

It worked for me :)


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...