JavaScript保存CSV格式数据到客户端本地

来源：互联网发布：医学必备数据分析软件编辑：程序博客网时间：2024/05/16 08:27

1、需要的HTML代码。

<!DOCTYPE html><html>    <title>download csv</title>    <head>        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>    <script type="text/javascript" charset="utf-8" src="/js/lib/json3.js"></script>        <script type="text/javascript" src="dow.js"></script>    </head>    <body>        <div align="center">            <h3><u>Enter JSON data</u></h3>            <div class='mydiv'>                    <textarea id="txt" class='txtarea' rows="15" cols="100">[{"Vehicle":"BMW","Date":"30 Jul 2013 09:24 AM","Location":"Hauz Khas","Speed":42},{"Vehicle":"Honda CBR","Date":"30 Jul 2013 12:00 AM","Location":"Military Road","Speed":0},{"Vehicle":"Supra","Date":"30 Jul 2013 07:53 AM","Location":"Sec-45","Speed":58},{"Vehicle":"Land Cruiser","Date":"30 Jul 2013 09:35 AM","Location":"DLF Phase I","Speed":83}]</textarea>            </div>            <br/>            <button class="download">Download CSV</button>        </div>    </body></html>

2、需要的JavaScript代码。

$(document).ready(function() {    "use strict";    var mo = {        init: function() {            $('.download').click(function() {                var data = $('#txt').val();                if (data === '') {                    return;                }                mo.JSONToCSVConvertor(data, true);            });        },        JSONToCSVConvertor: function(JSONData, ShowLabel) {            var arrData = typeof JSONData !== 'object' ? JSON.parse(JSONData) : JSONData;            var CSV = '';            if (ShowLabel) {                var row = "";                for (var index in arrData[0]) {                    row += index + ',';                }                row = row.slice(0, -1);                CSV += row + '\r\n';            }            for (var i = 0; i < arrData.length; i++) {                var row = "";                for (var index in arrData[i]) {                    var arrValue = arrData[i][index] == null ? "" : '="' + arrData[i][index] + '"';                    row += arrValue + ',';                }                row.slice(0, row.length - 1);                CSV += row + '\r\n';            }            if (CSV == '') {                growl.error("Invalid data");                return;            }            var fileName = "Result";            if (mo.msieversion()) {                var IEwindow = window.open();                IEwindow.document.write('sep=,\r\n' + CSV);                IEwindow.document.close();                IEwindow.document.execCommand('SaveAs', true, fileName + ".csv");                IEwindow.close();            } else {                var uri = 'data:application/csv;charset=utf-8,' + escape(CSV);                var link = document.createElement("a");                link.href = uri;                link.download = fileName + ".csv";                document.body.appendChild(link);                link.click();                document.body.removeChild(link);            }        },        msieversion: function() {            var ua = window.navigator.userAgent;            var msie = ua.indexOf("MSIE ");            if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer, return version number             {                return true;            } else { // If another browser,                 return false;            }            return false;        },        main: function() {            mo.init();        }    };    mo.main();});

0 0