代码如下：

<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. C# SM加密

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using Org.Boun ...

  2. ASP.NET Core学习总结(2)

    public class ControllerActionInvoker : ResourceInvoker, IActionInvoker 我们知道,ControllerActionInvoker实 ...

  3. Pi 在Windows下面使用远程桌面登录

    1.删除系统自带的xrdp 输入命令sudo apt-get purge xrdp pi@raspberrypi:~ $ sudo apt-get purge xrdp 正在读取软件包列表... 完成 ...

  4. 微信小程序开发中的二三事之网易云信IMSDK DEMO

    本文由作者邹永胜授权网易云社区发布. 简介 为了更好的展示我们即时通讯SDK强悍的能力,网易云信IM SDK微信小程序DEMO的开发就提上了日程.用产品的话说就是: 云信 IM 小程序 SDK 的能力 ...

  5. Syncthing源码解析 - 在Gogland中对Syncthing的各个模块进行调试？

    Syncthing的模块很多,各自负责不同的功能,如何能够对各个模块进行调试?Syncthing开发者早就想到这个问题了,允许开发者对任意模块进行单独调试,也允许同时对所有模块调试,调试方式是打印各个 ...

  6. Mybatis 动态Sql语句《常用》

    MyBatis 的强大特性之一便是它的动态 SQL.如果你有使用 JDBC 或其他类似框架的经验,你就能体会到根据不同条件拼接 SQL 语句有多么痛苦.拼接的时候要确保不能忘了必要的空格,还要注意省掉 ...

  7. （一）Python装饰器的通俗理解

    在学习Python的过程中,我相信有很多人和我一样,对Python的装饰器一直觉得很困惑,我也是困惑了好久,并通过思考和查阅才能略有领悟,我希望以下的内容会对你有帮助,我也努力通过通俗的方式使得对Py ...

  8. Tsung安装指南

    1. 所需要软件包unixODBC-2.2.14.tar.gzotp_src_R13B02-1.tar.gztsung-1.3.1.tar.gzTemplate-Toolkit-2.22.tar.gz ...

  9. java连接SqlServer2012

    要用java连接数据库  首先是要通过JDBC驱动 要先去下载一个sqljdbc4.jar,我这里放百度云盘了, 下载地址:链接:http://pan.baidu.com/s/1slJl89B 密码: ...

  10. Ubuntu16.04安装视觉SLAM环境（g2o）

    1.首先在github上下载g2o图优化库 git clone https://github.com/RainerKuemmerle/g2o.git 2.运行安装以下依赖库 sudo apt-get ...