JSON导出CSV中文乱码解决方案

前言

以往datagrid导出数据全部在后台搞定，现在就想换中思路去解决，正常情况下使用easyui datagrid ajax获取数据源时都是json格式，那么此时需要导出数据时只要把该数据源扔出来直接导出CSV即可。

中文乱码

导出CSV后，字母和数字正常，中文成了乱码，一番google发现，有人提出用BOM的方式解决，主要是在导出路径添加后缀 \uFEFF

导出方法

 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 = "";
             //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);
         }