JS JQuery 操作: Json转 Excel 下载文件
方法的调用
var json =
'[' +
'{"申请流水号":"123456","保险公司":"测试数据","发票抬头":"测试数据","发票金额":4,"联系人":"小明","联系人手机号":"1234563333","申请状态":"开票成功"},' +
'{"申请流水号":"123456","保险公司":"测试数据","发票抬头":"测试数据","发票金额":4,"联系人":"小明","联系人手机号":"1234563333","申请状态":"开票成功"},' +
'{"申请流水号":"123456","保险公司":"测试数据","发票抬头":"测试数据","发票金额":4,"联系人":"小明","联系人手机号":"1234563333","申请状态":"开票成功"},' +
'{"申请流水号":"123456","保险公司":"测试数据","发票抬头":"测试数据","发票金额":4,"联系人":"小明","联系人手机号":"1234563333","申请状态":"开票成功"},' +
'{"申请流水号":"123456","保险公司":"测试数据","发票抬头":"测试数据","发票金额":4,"联系人":"小明","联系人手机号":"1234563333","申请状态":"开票成功"},' +
'{"申请流水号":"123456","保险公司":"测试数据","发票抬头":"测试数据","发票金额":4,"联系人":"小明","联系人手机号":"1234563333","申请状态":"开票成功"},' +
'{"申请流水号":"123456","保险公司":"测试数据","发票抬头":"测试数据","发票金额":4,"联系人":"小明","联系人手机号":"1234563333","申请状态":"开票成功"},' +
'{"申请流水号":"123456","保险公司":"测试数据","发票抬头":"测试数据","发票金额":4,"联系人":"小明","联系人手机号":"1234563333","申请状态":"开票成功"},' +
'{"申请流水号":"123456","保险公司":"测试数据","发票抬头":"测试数据","发票金额":4,"联系人":"小明","联系人手机号":"1234563333","申请状态":"开票成功"},' +
'{"申请流水号":"123456","保险公司":"测试数据","发票抬头":"测试数据","发票金额":4,"联系人":"小明","联系人手机号":"1234563333","申请状态":"开票成功"}' +
']';var dataJson = JSON.parse(json);/调用方法SONToExcelConvertor("我的excel",dataJson);
json转excel 下载 方法#
function JSONToExcelConvertor(fileName, jsonData) {///<summary>json转excel下载</summary>///<param name="fileName">文件名</param>///<param name="jsonData">数据</param> //jsonvar arrData = typeof jsonData != 'object' ? JSON.parse(jsonData) : jsonData;// #region 拼接数据var excel = '<table>';//设置表头var row = "<tr>";for (var name in arrData[0]) {//每个单元格都可以指定样式. eg color:red 生成出来的就是 红色的字体了.row += "<td style='color:red;text-align:center;'>" + name + '</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] === "." ? "" : arrData[i][index];row += '<td style="text-align:center;">' + value + '</td>';//将值放入td}//将td 放入tr,将tr放入tableexcel += row + "</tr>";}//table结束excel += "</table>";// #endregion// #region 拼接htmlvar 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;//将table 拼接excelFile += "</body>";excelFile += "</html>";// #endregionvar uri = 'data:application/vnd.ms-excel;charset=utf-8,' + encodeURIComponent(excelFile);//创建a标签var link = document.createElement("a");//指定urllink.href = uri;//设置为隐藏link.style = "visibility:hidden";//指定文件名和文件后缀格式link.download = fileName + ".xls";//追加a标签document.body.appendChild(link);//触发点击事件link.click();//移除a标签document.body.removeChild(link);}
JS JQuery 操作: Json转 Excel 下载文件相关推荐
- json.js+ jquery 操作笔记
json.js+ jquery 操作笔记 json.js下载地址: http://www.json.org/js.html 我初学JSON,按照官方说明,在json2.js中有parse和string ...
- NW.js 如何导出image,txt,excel资源文件示例
前提:本人本来是使用electron作为桌面应用的,后来领导不喜欢,要使用安装包更少一点的,没办法只能找一个,最后找的NW.js,但是,使用网上的下载excel时偶尔可行,但是txt时确实不会[本人是 ...
- 前端js华为云obs上传下载文件与进度条的设置
前端js华为云obs上传下载文件与进度条的设置 首先下载OBS BrowserJS SDK安装包 用git将代码拉到本地 git clone https://github.com/huaweiclou ...
- jQuery操作json
2019独角兽企业重金招聘Python工程师标准>>> 前言 在WEB数据传输过程中,json是以文本,即字符串的轻量级形式传递的,而客户端一般用JS操作的是接收到的JSON对象,所 ...
- js之操作JSON数据
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...
- Vue项目:js模拟点击a标签下载文件并重命名,URL文件地址下载方法、请求接口下载文件方法总结。
URL文件地址下载方法 一.正常情况下,我们都如此下载文件并修改文件名,在a标签上面添加download属性 //文件下载downFile() {if ('download' in document. ...
- js jquery操作的方面xml dom html dom css dom
1 xml dom 类似xml document 操作 --文档处理 js createTextNode createElementNode ... jq ...
- JS/JQuery操作iframe元素
JS操作iframe元素 父页面操作子页面 //获取iframe元素 var oIframe = document.getElementById('iframe1');oIframe.contentW ...
- JS实现html页面点击下载文件的两种实现方法
1.使用<a>标签来完成 <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载&l ...
最新文章
- USACO1.1 Broken Necklace (beads)
- Response.Redirect、 Server.Transfer、Server.Execute三者区别
- linux mint 安装php,使用apt-get方式为Linux Mint 13安装PHP+MYSQL+Apache
- 湖南大学计算机与通信学院研究生,湖南大学计算机与通信学院2010年硕士研究生招生学科...
- mysql 强制使用索引_快速找出MySQL数据库冗余索引和未使用索引
- 后台模拟页面登陆_模拟炒股软件支付宝同花顺都可以快速体验炒股
- 高科技加持,升哲科技助力打造首都智慧社区
- 安卓系统校园招聘平台APP答辩PPT免费下载
- CAPL可以读写的几种文件
- cad插入块_CAD制图初学入门:CAD软件中属性定义的相关应用
- 长三角江浙沪有影响力的调查研究咨询公司
- 着色问题(回溯算法)
- python程序设计搜题软件下载_智慧职教APPPython程序设计答案搜题公众号
- SpringBoot启动代表出现Process finished with exit code 0
- java判断字符串是字母或者数字组合
- 删除指定位置的元素(数组)(PTA)
- 掌握这些电脑知识,你可以玩的很无耻
- 20180402-B · US Tuition Costs · ggplot2, 条线图 柱状图 · R 语言数据可视化 案例 源码
- 速来接好运!工作2年获得阿里内推名额,历经阿里4面成功拿下offer!
- 应聘web前端开发面试时问到的基础问题