方法的调用

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 = ...

随机推荐

【es6】promise
一.什么是promise?我们用promise解决什么样的问题 promise是异步编程的一种解决方案:从语法上来说,Promise是一个对象,从他可以获取异步操作的信息:从本意上讲,它是承诺,它承诺 ...
c# 事件 +=和-=有什么区别
+=就是發生新事件的同時通知你: -=就是發生新事件的同時不通知你:
win10环境下，让所有程序都以管理员身份运行的办法
记录下,备查! 打开gpedit.msc组策略编辑. 左侧依次找到:计算机配置->Window设置->安全设置->本地策略->安全选项然后再右侧找到:用户账户控制:以管理员批 ...
手把手教小白安装Erlang
Erlang(['ə:læŋ])是一种通用的面向并发的编程语言,它有瑞典电信设备制造商爱立信所辖的CS-Lab开发,目的是创造一种可以应对大规模并发活动的编程语言和运行环境. Erlang官网:htt ...
java.lang.NoClassDefFoundError: org/springframework/core/env/EnvironmentCapa
java.lang.NoClassDefFoundError: org/springframework/core/env/EnvironmentCapa 少导入包!spring-core-*.jar ...
FLV 数据封装格式
https://www.cnblogs.com/chyingp/p/flv-getting-started.html https://blog.csdn.net/ai2000ai/article/de ...
POJ1861(Network)-Kruskal
题目在这 Sample Input 4 6 1 2 1 1 3 1 1 4 2 2 3 1 3 4 1 2 4 1 Sample Output 1 4 1 2 1 3 2 3 3 4 题目意思:4个点 ...
openstack-neutron(2)
VXLAN 独立于底层的网络拓扑:反过来,两个 VTEP 之间的底层 IP 网络也独立于 VXLAN.VXLAN 数据包是根据外层的 IP header 路由的,该 header 将两端的 VTEP ...
js中0.1+0.2 与0.3的对比
Math.abs(0.1+0.2-0.3)<=Number.EPSILON
Mysql之数据库简介
一.什么是数据库? 据库即存放数据的仓库,只不过这个仓库是在计算机存储设备上,而且数据是按一定的格式存放的过去人们将数据存放在文件柜里,现在数据量庞大,已经不再适用数据库是长期存放在计算机内.有组 ...

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

方法的调用

json转excel 下载 方法#

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

随机推荐

热门专题

json转excel 下载方法#