方法的调用

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","申请状态":"开票成功"}' +

']';

 ar 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>        

        //json

        var 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放入table

            excel += row + "</tr>";

        }

        //table结束

        excel += "</table>";

        // #endregion

        // #region 拼接html

        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;//将table 拼接

        excelFile += "</body>";

        excelFile += "</html>";

        // #endregion

        var uri = 'data:application/vnd.ms-excel;charset=utf-8,' + encodeURIComponent(excelFile);

        //创建a标签

        var link = document.createElement("a");

        //指定url

        link.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 下载文件的更多相关文章

使用JS代码实现点击按钮下载文件
有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?这里有两种方法: 现在需要在页面上添加一个下载按钮,点击按钮下载文件. 题外话,这个下载图标是引用的 ...
JS实现点击按钮，下载文件
PS:本文说的,并非如何用js创建流.创建文件.实现下载功能. 而是说的:你已知一个下载文件的后端接口,前端如何请求该接口,实现点击按钮.下载文件到本地.(可以是zip啦.excel啦都是一样) 有两 ...
Jquery无须浏览实现直接下载文件
一.常用方式: 1.通常GET方式后面带明文参数,不安全. window.location.href = 'http://localhost:1188/FileDownload.aspx?token ...
js之操作JSON数据
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...
JS中操作JSON总结
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...
[转] jQuery 操作 JSON 数据
jquery下json数组的操作用法实例: jquery中操作JSON数组的情况中遍历方法用的比较多,但用添加移除这些好像就不是太多了. 试过json[i].remove(),json.remove( ...
js发送post请求，实现下载文件
由于业务需求要下载文件的功能: <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g ...
selenium3 + python - js&jquery操作处理
# 推荐学习:https://www.w3school.com.cn/js/index.asp## 下面以简书登录&注册定位元素为例"""js定位 id name ...
Xutils请求服务器json数据与下载文件
String code_url = "https://ic.snssdk.com/user/mobile/send_code/v2/"; HttpUtils httpUtils = ...

随机推荐

JQuery实现密码可见不可见
在Html页面上实现密码可见不可见,使用的阿里巴巴矢量图标库. html部分: <!doctype html> <html> <head> <meta cha ...
【转载】Sqlserver使用Group By进行分组并计算每个组的数量
在SQL语句查询中,Group By语句时常用来进行分组操作,有时候在分组的同时还需要计算出每个组的数量多少.在Sqlserver数据库中可以使用Group By加Count聚合函数来实现此功能,即通 ...
ElementUI动态表格数据转换formatter
elementUI的表格初始化比较简单,声明prop值对应的字段名即可. 而在实际应用中,我们常常有这种需求:从服务器获取的数据并不是我们要显示的最终结果,涉及一些状态.类型.日期时间等的转换,这时候 ...
Hbuilder中配置cmd
步骤: 1. ①运行——>外部工具——>外部工具配置2. 新建一个名为cmd(随意命名)的外部工具: 名称:cmd 要执行的命令或文件:C:\Windows\System32\cmd. ...
OpenStack kilo版(8) 部署cinder
直接将cinder服务和块设备都部署在controller节点上在controller节点添加一块100G的块设备/dev/sdb 配置数据库 (root@localhost) [(none)]&g ...
linux命令管道符
linux多命令 ; 多个命令互相不影响 a && b a命令执行成功才执行b命令 a || b a成功不执行b a失败执行b ifconfig && echo & ...
MVC-Application
Application简述(不如Cache) 在asp.net环境下,Application对象来自HttpApplictionStat类.它可以在多个请求.连接之间共享公用信息,也可以在各个请求连接 ...
http协议工作原理（精简）
HTTP协议进行通信时,需要有客户端(即终端用户)和服务端(即Web服务器),在Web客户端向Web服务器发送请求报文之前,先要通过TCP/IP协议在Web客户端和服务器之间建立一个TCP/IP连接 ...
Centos7.6进入挂载硬盘后，进入应急模式（emergency mode）而非图形模式解决方法
Centos7.6进入挂载硬盘后,进入应急模式(emergency mode)而非图形模式解决方法话说某天我想在centos7.6中挂载个硬盘,结果刚在虚拟机中添加了一块硬盘,再次打开系统时,居然就 ...
【loj-1055-Going Together-三个棋子推箱子走到目的地--讲预判的bfs】
light oj 1055-Going Together 题目大致意思: 简单的三个棋子,每次可以下达一个命令,robots全部按照指令进行前进:若下一步不为空地则停留在原地. 特殊考虑: 1.例如A ...

JS JQuery 操作: Json转 Excel 下载文件

方法的调用

json转excel 下载 方法#

JS JQuery 操作: Json转 Excel 下载文件的更多相关文章

随机推荐

热门专题

json转excel 下载方法#