代码如下：

<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. WP8中使用async/await扩展HttpWebRequest

    前文讲到WP8中使用Async执行HTTP请求,用了微软提供的扩展.下面提供了一种方法,自己实现HttpWebRequest的扩展. 随后就可以使用 await HttpWebRequest.GetR ...

  2. Visual Studio 2017 如何 监控当前变量 占用内存空间大小

    在进行VS调试时 大家是否想知道当前变量 占用了内存多少空间呢 这对系统调优还是很有帮助的吧

  3. .Net生成导出Excel

    概述 在做.Net web开发的过程中经常需要将查出的数据导成Excel表返给用户,方便用户对数据的处理和汇总.这里我将导出Excel表格的代码做一个总结,这也是我项目中经常用到的,代码简单易懂,使用 ...

  4. zstack相关学习的博客

    https://segmentfault.com/u/camile/articles?page=1

  5. iOS 错误 undefined symbols for architecture i386

    undefined symbols for architecture i386 这个错误困扰了我几个小时. 网上很多问这个问题的,回答基本上都是说在 target 里面去的 armv64 什么什么的. ...

  6. ElasticSearch5.0——IK词库加载

    Dictionary ConfigurationIKAnalyzer.cfg.xml can be located at {conf}/analysis-ik/config/IKAnalyzer.cf ...

  7. Oracle执行SQL语句的过程

    转载至:http://blog.csdn.net/aqszhuaihuai/article/details/7024551 当我们提交一条sql语句时,Oracle会做哪些操作呢? Oracle会为每 ...

  8. leetcode-55-跳跃游戏

    题目描述: 给定一个非负整数数组,你最初位于数组的第一个位置. 数组中的每个元素代表你在该位置可以跳跃的最大长度. 判断你是否能够到达最后一个位置. 示例 1: 输入: [2,3,1,1,4] 输出: ...

  9. php 前台生成多维数组 后台批量添加

    同一个地方绊倒两次,记录一下哈 1)前台表单,看 name <div class="tab-pane row " id="tab-1" > < ...

  10. Docker 入门相关

    什么是Docker和容器 可能是把Docker的概念讲的最清楚的一篇文章 为什么要用Docker 相关网址 Window平台Docker下载 一些基本知识 Volume docker volume l ...