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

最新推荐文章于 2022-09-23 21:14:16 发布
最新推荐文章于 2022-09-23 21:14:16 发布
阅读量387 收藏 1
点赞数
原文链接：http://www.cnblogs.com/xxxxue/p/11153611.html
版权

 

方法的调用

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);
    }

这里写图片描述

转载于:https://www.cnblogs.com/xxxxue/p/11153611.html

dibr63585
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript JSON导出Excel文件
向死而生
04-13 1万+
JSON导出Excel文件[前端] 使用纯JSON格式或者Object对象导出为.xls格式文件，支持中文。具体函数为 function JSONToExcelConvertor(JSONData, FileName,title,filter) JSONData[必填]：传入需要转换的数据（json或者object） FileName：导出Excel文件名（不填为undefin...
JSON对象转成Excel导出
02-01
JSON对象转成Excel导出。例子： var option = {}; option.fileName = '多行业导出' option.datas=[ { sheetData:sd1, sheetName:'用电情况', //sheetFilter:['two','one'], sheetHeader:sh1 }, { sheetData:sd3, sheetName:'增速趋势', sheetHeader:sh3 } ]; var toExcel=new ExportJsonExcel(option); toExcel.saveExcel();
问题集录--jquery将json转excel保持
weixin_34195546的博客
06-02 91
代码如下： <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script type="text/javascript" src="jquery.min.js"></script> ...
js json转excel并下载
Shadowed_Heart
08-26 361
JSONToExcelConvertor.js function JSONToExcelConvertor(JSONData, FileName,title,filter) { if(!JSONData) return; //转化json为object var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData; var excel = "<table>"; //设置表头 var
js将json转换为Excel并导出
hongsir的博客
12-23 3074
安装XLSX npm i xlsx 创建json2Excel.js工具函数并导出 内容代码引用自思否文章json转Excel且有些许修改 import XLSX from 'xlsx' function changeData(s){ //如果存在ArrayBuffer对象(es6)最好采用该对象 if(typeof ArrayBuffer !== 'undefined'){ //1.创建一个字节长度为s.length的内存区域 let buf = new Array
json2excel:JavaScript json数据转存至excel
05-15
`json2excel`是一个JavaScript库，它实现了将JSON数据转换成Excel文件的功能，使得开发者可以轻松地将从服务器获取的JSON数据导出为用户可操作的Excel表格。 在JavaScript中，`json2excel`库通常包含以下关键知识点...
excelsheet_datatable:将Excel工作表转换为JSON文件并以HTML中的数据表形式查看
05-04
在JavaScript中，可以使用DOM操作或者库如jQuery DataTables、Handsontable或ag-Grid来动态生成和操作这些元素，从而展示JSON数据。 "excelsheet_datatable-master"这个文件名表明这是项目的主要代码仓库，可能包含...
用jquery-table2excel，进行导出excel表格 带图片 jquery.table2excel.js下载
05-04
接下来，我们需要引入`jquery.table2excel.js`，这是`jquery-table2excel`插件的主要源代码文件。这个插件的核心思想是利用浏览器的`data:`URI scheme和`window.navigator.msSaveBlob`（针对IE浏览器）或`a.download...
利用JavaScript将Excel转换为JSON示例代码
10-16
用户上传Excel文件后，JavaScript会读取文件内容，使用SheetJS将Excel数据转换为JSON，然后将JSON字符串显示在页面上。这种方法对于需要快速将Excel数据集成到Web应用中，或者需要在浏览器环境中处理Excel数据的场景...
纯js-json导出excel
02-15
纯js-json导出excel,下载文件为deml,直接可拓展至程序中
json转excel脚本
01-09
json转excel脚本
jquery 导出excel
08-14
$(".table2excel").table2excel({ exclude: ".noExl",//不被导出的表格行的CSS class类。 name: "Excel Document Name",//导出的Excel文档的名称。 filename: "myFileName" + new Date().toISOString().replace(/[\-\:\.]/g, ""),//Excel文件的名称。 fileext: ".xls",//导出文档后缀名 exclude_img: true,//是否导出图片。 exclude_links: true,//是否导出超链接 exclude_inputs: true//是否导出输入框中的内容 });
excel和json相互转换
07-09
自己写的工具，可以很方便的使用excel和json进行相互转换，生成在同级目录
Springmvc+mybatis+JSON+jQuery+Ajax无刷新登录,导出Excel,修改密码,RestFUL风格增删改查,加Js校验等等
10-26
本项目为Springmvc+mybatis+JSON+jQuery+Ajax无刷新登录,导出Excel,修改密码,RestFUL风格增删改查,加Js用户名检验以及密码长度校验等等。并且有大家喜欢的功能导出EXCEL，并且也实现了ajax无刷新注册，登录等等，并且非常清亮的登录模板大家可以看看。并且程序经本人测试可以完美运行。
jquery导出excel（解决中文导出）
06-08
网上下载的tableexport可以实现table的客户段导出功能，但由于所提供的base64无法实现中文导出，所以修改了base64编码，并修改了tableexport中使用base64部分，实现了对中文表格的导出功能
jQuery JSON JAVA 导出EXCEL
weixin_30337157的博客
01-31 115
用的插件其实是POI,具体看import引入的相关类 涉及到的JAVA文件 ExportServlet.java ExcelUtil.JAVA SqlDef.JAVA UniversalAppManagerImpl.java UniversalAppDaoHibernate.java JqGridHandler.java SearchRule.java FilterSear...
json转excel js
YufJi的博客
12-05 516
function exportExcel(FileName = '数据统计', JSONData = [], columns = []) {     let excel = '';     //设置表头     let row = '';     for (let i = 0, l = columns.length; i       row += `${columns[i].title
前端js导出json数据为excel文件
最新发布
浪里个浪的博客
09-23 1156
前端通过原生js导出json数据为excel文件
根据table导出excel
qq_23282331的博客
03-25 295
/** * 根据json导出excel * @param fileName 导出文件名 * @param columns 标题列 * @param gridData 导出数据 * @param thead 表头html */ function exportExcelByJson(fileName, columns, gridData, thead) { //json let exportColumns = typeof columns != 'object' ? JSON.pa.
整合项目：三种Excel下载方法
"这篇内容主要讨论了如何在多个项目中整合数据，并提供了三种下载Excel的方法。其中涉及到的主要技术包括前端的Ajax请求、JSON序列化与反序列化以及后端的数据处理。" 在进行多项目整合时，数据的管理和交换是关键...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值