温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

javascript如何将json格式数组下载为excel表格

发布时间:2021-07-28 10:21:23 来源:亿速云 阅读:298 作者:小新 栏目:web开发

小编给大家分享一下javascript如何将json格式数组下载为excel表格,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

实例如下:

<html>  <head>    <meta http-equiv="content-type" content="text/html; charset=utf-8">    <script type="text/javascript" src="jquery183.min.js"></script>    <script type="text/javascript">      $(document).ready(function(){        $('#wwo').click(function(){          var data = { "title": [ {"value":"A1标题"},  {"value":"B1标题"} ], "data": [ [ {"value":"好好"},  {"value":"2015-08-24"} ], [ {"value":"123"},  {"value":"hahah"} ] ] };          if(data == ''){            return;  }else{ JSONToExcelConvertor(data.data, "Report", data.title);  }       });      });        function JSONToExcelConvertor(JSONData, FileName, ShowLabel) {        //先转化json        var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;                var excel = '<table>';                  //设置表头        var row = "<tr>";        for (var i = 0, l = ShowLabel.length; i < l; i++) {          row += "<td>" + ShowLabel[i].value + '</td>';        }                        //换行        excel += row + "</tr>";                //设置数据        for (var i = 0; i < arrData.length; i++) {          var row = "<tr>";                    for (var index in arrData[i]) {            var value = arrData[i][index].value === "." ? "" : arrData[i][index].value;            row += '<td>' + value + '</td>';          }                    excel += row + "</tr>";        }          excel += "</table>";          var excelFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns='http://www.w3.org/TR/REC-html40'>";        excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8">';        excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel';        excelFile += '; charset=UTF-8">';        excelFile += "<head>";        excelFile += "<!--[if gte mso 9]>";        excelFile += "<xml>";        excelFile += "<x:ExcelWorkbook>";        excelFile += "<x:ExcelWorksheets>";        excelFile += "<x:ExcelWorksheet>";        excelFile += "<x:Name>";        excelFile += "{worksheet}";        excelFile += "</x:Name>";        excelFile += "<x:WorksheetOptions>";        excelFile += "<x:DisplayGridlines/>";        excelFile += "</x:WorksheetOptions>";        excelFile += "</x:ExcelWorksheet>";        excelFile += "</x:ExcelWorksheets>";        excelFile += "</x:ExcelWorkbook>";        excelFile += "</xml>";        excelFile += "<![endif]-->";        excelFile += "</head>";        excelFile += "<body>";        excelFile += excel;        excelFile += "</body>";        excelFile += "</html>";                  var uri = 'data:application/vnd.ms-excel;charset=utf-8,' + encodeURIComponent(excelFile);                var link = document.createElement("a");          link.href = uri;                link.style = "visibility:hidden";        link.download = FileName + ".xls";                document.body.appendChild(link);        link.click();        document.body.removeChild(link);      }    </script>  </head>  <body>    <input type="button" id="wwo" value="导出" />  </body>  </html>

以上是“javascript如何将json格式数组下载为excel表格”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI