网页端，JSON导成CSV文件
Posted 都市烟火
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页端，JSON导成CSV文件相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="public/javascript/jquery-1.11.3.min.js"></script> </head> <body> <div class=‘mydiv‘> <textarea id="txt" class=‘txtarea‘> [ { "login_time": "19720", "user_id": "296480061832316496" } ]</textarea> <button class=‘gen_btn‘>Generate File</button> </div> <script> $(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 CSV += ReportTitle + ‘\r\n\n‘; //This condition will generate the Label/Header if (ShowLabel) { var row = ""; //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 + ‘,‘; } row = row.slice(0, -1); //append Label row with line break CSV += row + ‘\r\n‘; } //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 arrData[i]) { 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,‘ + escape(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> </body> </html>
转自：http://jsfiddle.net/hybrid13i/JXrwM/
以上是关于网页端，JSON导成CSV文件的主要内容，如果未能解决你的问题，请参考以下文章
java语言，如何获取服务器响应发来的json网页（或代码）