方法的调用

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

随机推荐

python+django早教课程
虚拟环境安装项目中需要安装许多插件,为不影响系统的环境,可以为项目新建一个虚拟环境,所有的早教课程安装包在该虚拟环境中独有,以防影响其他项目.1. 安装虚拟环境:pip install virtual ...
MonkeyRunner——Mac
1. MonkeyRunner介绍: Android的SDK中集成了三个可用来进行自动化测试的工具:Monkey.MonkeyRunner和Robotium.这三个测试工具都是基于黑盒测试. Monk ...
iptables的nat规则骚操作
水一枪我对防火墙这块的认知是比较低的, 之前一直没怎么去用最多的要么就是 iptables -A INPUT -p tcp --dport 80 -j ACCEPT iptables -A OUT ...
Python函数Day1
一.函数的初识函数的定义:函数最主要的目的是封装一个功能,一个函数就是一个功能定义函数的格式: def 函数名(): 函数体 def my_len(): count = 0 s1 = 'hahah ...
Android和kali的互操作性
1.手机上讲kali Linux系统安装上面实现小巧方便的移动渗透测试工具其实我们都知道 Android操作系统是基于linux 开发的,这就为我们将kali linux 系统移植到手机上提供了原理 ...
定制centos6.5自动安装ISO光盘
一 ISO定制项清单安装系统为centos6.5 (base server),安装方式为全新安装使用ext4分区格式安装前可以交互输入root密码,主机名,swap分区大小,之后安装过程自动化 ...
Python使用jieba分词
# -*- coding: utf-8 -*- # Spyder (python 3.7) import pandas as pd import jieba import jieba.analyse ...
运维开发笔记整理-创建django用户
运维开发笔记整理-创建django用户作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.创建普通用户 C:\Users\yinzhengjie\softwares\Pycharm ...
The 2019 Asia Nanchang First Round Online Programming Contest The Nth Item
The Nth Item 思路: 先用特征根法求出通向公式,然后通向公式中出现了\(\sqrt{17}\),这个可以用二次剩余求出来,然后可以O(\(log(n)\))求出. 但是还不够,我们先对\( ...
eclipse跳转到exitCurrentThread
1.在使用Eclipse时,用Debug模式运行springboot项目,结果总是在项目快启动成功的时候,跳转到exitCurrentException这个地方 2.方法:Eclipse->[P ...

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

方法的调用

json转excel 下载 方法#

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

随机推荐

热门专题

json转excel 下载方法#