代码如下:

<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>

更多相关文章

  1. web前端复习(二):js日期操作,实现时间显示和倒计时效果
  2. 日期排序问题
  3. 十、jquery-ui datepicker实现选择一周的日期
  4. 如何定义两个日期之间的Kendo网格列过滤器?
  5. HTML显示日期时间代码 - [js 特效代码]
  6. phpcms日期--汉字与数字的转换
  7. PHP日期添加1年到当前日期。
  8. 将STR_TO_DATE格式化为日期
  9. 更新日期字段时为空 - MySQL PHP

随机推荐

  1. android 学习之安装
  2. Android(安卓)databinding RecycleView i
  3. UI控件--ImageView和ImageButton
  4. 我对android的第一印象
  5. Android给自定义按键添加广播和通过广播
  6. [Android Samples视频系列之ApiDemos]App
  7. 一个简单的Android圆形ProgressBar
  8. Android 常用开发工具类
  9. Android 保存文件路径
  10. Android中设置定时器