javascript将json格式数组下载为excel表格的方法
2017-12-22 10:04
801 查看
实例如下:
<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表格的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- javascript将json格式数组下载为excel表格
- javaScript: 通过数组转json格式的方式进行复用jQuery的ajax方法
- 把json格式的字符串转换成javascript对象或数组的方法总结
- JS 处理JSON数据及javascript处理对象、JSON对象、hash对象、数组对象的方法
- 【原创】将数据生成json文件下载以及json中文乱码和优化json文件格式的方法
- php 将json格式数据转换成数组的方法
- 两种方法在Django框架中支持后台返回包含中文的JSON/数组格式
- javascript 中的JSON.stringify - 将对象和数组转换为json格式(来源于网络)
- 关于java接收前台$.ajax格式为多维json数组数据为null的原因及解决方法
- 黑马程序员_学习日记73_725ASP.NET(禁用Cookie、ASP.NET中的重要对象、JavaScript实现AJAX、两种Json格式的序列化方法、JQuery中实现ajax的五种方法)
- excel表格中的数据变成json格式的方法
- json格式对象和数组的不同处理方法
- struts2如何动态调用action的方法以及使用json插件范围json格式的javascript对象
- javaScript动态创建数组、动态赋值json数据方法之一(持续补充)
- java代码中fastjson生成字符串和解析字符串的方法和javascript文件中字符串和json数组之间的转换方法
- JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
- 在JavaScript中将JSON的字符串解析成JSON数据格式的两种方法
- javascript json格式解析方法
- javascript数组转json及json值的搜索方法
- 将xml转换成Json,数组,对象格式转换方法