优化 json数据转Excel下载

在网上发现的代码，发现有点小BUG，BUG为：当json数据中数据位置不一致时，数据会出现错位情况。

废话不多说，直接加代码

html 页面中加入：

<div class='mydiv'>    
    <textarea id="txt" style="width: 100%;  height: 200px;">[{"_id":"13001009656","name":"test1"},{"_id":"13001022163","name":"test2","sex":"男"},{"_id":"13001086801","name":"test3","user":{"userName":"test3","workUnit":"清华"}}] </textarea>
    <button class='gen_btn'>Generate File</button>
</div>

加入JS文件：

<script type="text/javascript">
     $(document).ready(function(){
    $('button').click(function(){
        var data = $('#txt').val();
        if(data == '')
            return;
        
        JSONToCSVConvertor(data, "Vehicle Report", true);
    });
});
 
function JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel) {
    //If JSONData is not an object then JSON.parse will parse the JSON string in an Object
    var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;
    
    var CSV = '';    
    //Set Report title in first row or line
    
    var titleJSON='';

    //This condition will generate the Label/Header
    if (ShowLabel) {
        var row = "";
        titleJSON='[{';
        //This loop will extract the label from 1st index of on array
        for (var index in arrData[0]) {
            
            //Now convert each value to string and comma-seprated
            row += index + ',';
			titleJSON+='"'+index+'":"",';
        }
		
		titleJSON = titleJSON.slice(0, -1);
		titleJSON+='}]';
        row = row.slice(0, -1);
		
        //append Label row with line break
        CSV += row + '\r\n';
		 
    }
    var jj = JSON.parse(titleJSON)
	console.log(jj);
    //1st loop is to extract each row
    for (var i = 0; i < arrData.length; i++) {
        var row = "";
        //2nd loop will extract each column and convert it in string comma-seprated
        for (var index in jj[0]) {	
			if(typeof(arrData[i][index])=="undefined"){
				row += '"",';	
			}else{
				row += '"' +  arrData[i][index] + '",';	
			}
            
			 
        }
			
        row.slice(0, row.length - 1);
         
        //add a line break after each row
        CSV += row + '\r\n';
		
    }
		 
    if (CSV == '') {        
        alert("Invalid data");
        return;
    }   
    
    //Generate a file name
    var fileName = "MyReport_";
    //this will remove the blank-spaces from the title and replace it with an underscore
    fileName += ReportTitle.replace(/ /g,"_");   
    
    //Initialize file format you want csv or xls
    var uri = 'data:text/csv;charset=utf-8,\uFEFF' + encodeURI(CSV);
    
    // Now the little tricky part.
    // you can use either>> window.open(uri);
    // but this will not work in some browsers
    // or you will not get the correct file extension    
    
    //this trick will generate a temp <a /> tag
    var link = document.createElement("a");    
    link.href = uri;
    
    //set the visibility hidden so it will not effect on your web-layout
    link.style = "visibility:hidden";
    link.download = fileName + ".csv";
    
    //this part will append the anchor tag and remove it after automatic click
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
}
		   
        
        </script>

记得引入jQuery.js

优化 json数据转Excel下载

猜你喜欢