代码如下：

<html>

<head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

    <script type="text/javascript" src="jquery.min.js"></script>

    <script type="text/javascript">

        $(document).ready(function(){

            $('#wwo').click(function(){

                var data = {"title":[{"value":"集团", "type":"ROW_HEADER_HEADER", "datatype":"string"}, {"value":"日期", "type":"ROW_HEADER_HEADER", "datatype":"string"}],"data":[[{"value":"好好", "type":"ROW_HEADER"}, {"value":"2015-08-24", "type":"ROW_HEADER"}]]};

                if(data == '')

                    return;

                JSONToExcelConvertor(data.data, "Report", data.title);

            });

        });  

        function JSONToExcelConvertor(JSONData, FileName, ShowLabel) {

            //先转化json

            var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;  

            var excel = '<table>';      

            //设置表头

            var row = "<tr>";

            for (var i = 0, l = ShowLabel.length; i < l; i++) {

                row += "<td>" + ShowLabel[i].value + '</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].value === "." ? "" : arrData[i][index].value;

                    row += '<td>' + value + '</td>';

                }  

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

            }  

            excel += "</table>";  

            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;

            excelFile += "</body>";

            excelFile += "</html>";  

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

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

            link.href = uri;  

            link.style = "visibility:hidden";

            link.download = FileName + ".xls";  

            document.body.appendChild(link);

            link.click();

            document.body.removeChild(link);

        }

    </script>

</head>

<body>

    <input type="button" id="wwo" value="导出" />

</body>

</html>

问题集录--jquery将json转excel保持的更多相关文章

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

    方法的调用 var json = '[' + '{"申请流水号":"123456","保险公司":"测试数据",&quo ...

  2. 问题集录03--jquery解析json

    先明确2个概念例如: JSON字符串: var str1 = '{ "name": "deyuyi", "sex": "man&q ...

  3. 用jquery解析JSON数据的方法以及字符串转换成json的3种方法

    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是 json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject ...

  4. jQuery读取json文件，实现省市区/县（国标）三级联动

    最近做一个微信项目,需要用户填写所在的省市区/县,决定使用jQuery读取json文件来实现省市区/县的联动. 其实很简单,jQuery文档也有详细解释: 代码如下: html <table w ...

  5. 基于Jquery+Ajax+Json+存储过程 高效分页

    在做后台开发中,都会有大量的列表展示,下面给大家给大家分享一套基于Jquery+Ajax+Json+存储过程高效分页列表,只需要传递几个参数即可.当然代码也有改进的地方,如果大家有更好的方法,愿留下宝 ...

  6. jQuery中json中关于带有html代码网页的处理

    昨天在使用jQuery的get方式请求返回json格式数据.然后使用jQuery自带的parseJSON 处理.总是出现这样的错误. 如果返回数据中content改成普通的数据可以通过.找了半天错误, ...

  7. js导出到word、json、excel、csv

    tableExport.js ///*The MIT License (MIT) //Copyright (c) 2014 https://github.com/kayalshri/ //Permis ...

  8. jQuery对json快速赋值

    jQuery对json快速赋值,重点在于将input的id取跟JSON同样的名称. <!DOCTYPE html> <html> <head lang="en& ...

  9. [转]jquery 对 Json 的各种遍历

    原文地址:http://caibaojian.com/jquery-each-json.html 概述 JSON(javascript Object Notation) 是一种轻量级的数据交换格式,采 ...

随机推荐

  1. 开源应用框架BitAdminCore：更新日志20180605

    索引 NET Core应用框架之BitAdminCore框架应用篇系列 框架演示:http://bit.bitdao.cn 框架源码:https://github.com/chenyinxin/coo ...

  2. WPF圆角按钮

    <ControlTemplate x:Key="CornerButton" TargetType="{x:Type Button}"> <Bo ...

  3. 用MVC5+EF6+WebApi 做一个小功能(三) 项目搭建

    一般一个项目开始之前都会有启动会,需求交底等等,其中会有一个环节,大讲特讲项目的意义,然后取一个高大上的项目名字,咱这是一个小功能谈不上项目,但是名字不能太小气了.好吧,就叫Trump吧.没有任何含义 ...

  4. mongodb 连接失败

    需要加一个配置文件,mongo.config bind_ip = 127.0.0.1 dbpath = D:\MongoDB\data\db logpath = D:\MongoDB\data\mon ...

  5. springmvc执行流程 源码分析

    进入DispatcherServlet 执行onRefresh,然后执行初始化方法initStrategies.然后调用doService——>doDispatch. 根据继承关系执行Servl ...

  6. 466. Count The Repetitions

    Define S = [s,n] as the string S which consists of n connected strings s. For example, ["abc&qu ...

  7. “全栈2019”Java异常第十七章：Error详解

    难度 初级 学习时间 10分钟 适合人群 零基础 开发语言 Java 开发环境 JDK v11 IntelliJ IDEA v2018.3 文章原文链接 "全栈2019"Java异 ...

  8. 从Oracle官网学习oracle数据库和java

    网上搜索Oracle官网:oracle官网 进入Oracle官网 点击menu-Documentation-Java/Database,进入Oracle官网的文档网站 首先是Java,可以看到Java ...

  9. LOJ#3084. 「GXOI / GZOI2019」宝牌一大堆（递推）

    题面 传送门 题解 为什么又是麻将啊啊啊!而且还是我最讨厌的爆搜类\(dp\)-- 首先国士无双和七对子是可以直接搞掉的,关键是剩下的,可以看成\(1\)个雀头加\(4\)个杠子或面子 直接\(dp\ ...

  10. Python 魔法方法查询表 -- 总结篇

    据说,Python 的对象天生拥有一些神奇的方法,它们总被双下划线所包围,他们是面向对象的 Python 的一切. 他们是可以给你的类增加魔力的特殊方法,如果你的对象实现(重载)了这些方法中的某一个, ...