代码如下：

<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. JQuery中DOM操作(一)

    节点操作 1.插入节点,在JQuery中插入的节点方法很多,可以满足各种不同的节点插入的情况,根据不同的插入方式分为:增加环绕节点.节点内部插入和外部插入三种方式 今天我们要讲的是增加环绕节点,它有三 ...

  2. 自己从0开始学习Unity的笔记 V （C#的数组练习）

    今天练习了数组输入,先从最简单的开始,因为我输入完这些之后,觉得应该有更简单的方法,先来介绍一下我做的练习代码 //做一个最多能容纳10个数字的,用户可以输入任意1-10个数字,判断长度,输出数字 ] ...

  3. JavaSe 之三目运算符应用

    刚学习Java基本知识,对于三目运算符的应用,尝试了做出求某年份中月份的天数. /*自己随意定义一个年份和月份,使用三目运算符 取得当前月份具体天数.并且输出在控制台. 注意哦:大月31天,小月30天 ...

  4. sql数据库 大小查询

    select * from sys.master_files where name='CODA_PRD_Catalog' 12416*8/1024=(m)

  5. java 基础解析

    http://www.cnblogs.com/-new/tag/java%E5%9F%BA%E7%A1%80%E8%A7%A3%E6%9E%90/

  6. 手把手教你搭建hadoop+hive测试环境(新手向)

    本文由  网易云发布. 作者:唐雕龙 本篇文章仅限内部分享,如需转载,请联系网易获取授权. 面向新手的hadoop+hive学习环境搭建,加对我走过的坑总结,避免大家踩坑. 对于hive相关docke ...

  7. python网络编程--socketserver 和 ftp功能简单说明

    1. socketserver 我们之前写的tcp协议的socket是不是一次只能和一个客户端通信,如果用socketserver可以实现和多个客户端通信.它是在socket的基础上进行了一层封装,也 ...

  8. python---基本数据类型 dict(字典)

    1. 什么是字典 字典是python中唯一的映射类型, 由{ } 括起来的键值对组成,在dict中key是唯一的.字典是以key:value的形式来保存数据, 字典存储数据的时候是用的hash值来存储 ...

  9. java—过虑器基础(47)

    在web项目中就只有三大组件: Filter过虑器 监听器. Servlet 在web中过虑器就是一个类javax.servlet.Filter. 过虑器是用于在执行时,过虑用户的请求(request ...

  10. django rest framework实现分页功能

    在web开发中很多需求都需要实现分页功能,然而 Django Rest Framework 自带的分页功能,只能在 mixins.ListModelMixin and generics.Generic ...