本人在网上查找前台json转excel。结果大多都是json转scv。(不知道google结果怎么样)

结果试了下导出之后用excel打开中文还是乱码。

最后还是参考tableExport.jquery.plugin插件完成。

减少别人走得弯路

上代码

<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) {//先转化jsonvar 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>

附件是tableExport代码

http://download.csdn.net/detail/a410147597/9052583

js json转excel相关推荐

  1. 利用js-xlsx.js插件实现Excel文件导入并解析Excel数据成json数据格式

    <!--本文转载于网络,有太多一样的文章,不知道原作者是哪位了,就不注明出处了.这里记载下来,用于自己的学习借鉴--><!DOCTYPE html><html lang= ...

  2. python图片压缩pako_前端pako.js的 解压, json 转excel文件 下载

    背景: 后台 返回:gzip压缩后进行了base64编码的字符串. 解决办法 >引入pako.js ,xlsx >定义解压和压缩的方法 import XLSX from 'xlsx' co ...

  3. js中json转excel

    1.利用xlsx插件 var arrData = json.excel_lists; var data= []; //js对象转为数组 for (var i in arrData) {var item ...

  4. js将json转换为Excel并导出

    安装XLSX npm i xlsx 创建json2Excel.js工具函数并导出 内容代码引用自思否文章json转Excel且有些许修改 import XLSX from 'xlsx' functio ...

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

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

  6. 基于 Next.js实现在线Excel

    如果要从头开始使用 React 构建一个完整的 Web 应用程序,需要哪些步骤? 这当然不像把大象装进冰箱那么简单,只需要分成三步:打开冰箱,拿起大象,塞进冰箱就好. 我们需要考虑细节有很多,比如: ...

  7. vue 电子表格Excel的上传导入、导出下载、读取本地Excel、json转Excel

    上传导入Excel 安装插件 npm install xlsx main.js中 // 导入excel插件 import XLSX from 'xlsx' Vue.prototype.$XLSX = ...

  8. vue 使用js XLSX读取 excel 转换日期格式

    前言 大家好! 今天遇到了vue 使用js XLSX读取 excel 转换日期格式的问题,做个记录 问题 今天写excel文件上传时,遇到了时间格式没有正确转换的问题 解决方式 借用了 项目中读取 e ...

  9. js 前端合成excel(ThinkPHP5+html+js:比纯后端合成来的快,而且超级简单。)

    思路: 因为岗位是PHP,框架用的TP5,所以想用PHPExcel插件生成excel,无赖折腾了半个小时,不想折腾了.所以用js+html做算了(最终花费20分钟,又快又好做). 利用js将上万条数据 ...

最新文章

  1. 钉钉大数据:贵州政府效率意识全国领先
  2. 一文详解面向多级多模态场景的召回引擎
  3. python集合例题_python基础练习题、集合的讲解、一些公关方法
  4. php 旋转图片 并保存,如何在PHP中旋转并保存图像
  5. 收集100 个网络基础知识
  6. displaytag 相关
  7. 【Linux】 JDK安装及配置 (linux-tar.gz版)
  8. dedecms有缩略图则显示缩略图,没有则显示随机缩略图
  9. JavaEye中导入Csdn博客问题
  10. halcon相机标定助手_Halcon教程之单相机标定
  11. 接口测试, 功能测试(黑盒测试)
  12. 天地图key申请_国家地理信息公共服务平台 天地图
  13. can协议crc计算_CAN协议中CRC编码的硬件实现
  14. 教程篇(7.0) 04. FortiGate基础架构 二层交换 ❀ Fortinet 网络安全专家 NSE 4
  15. WPS取消弹出热点新闻窗口
  16. Intel Compute Sticks 电脑棒安装Ubuntu
  17. 用matlab求雅可比迭代法,基于matlab的jacobi(雅可比)迭代法求解线性方程组
  18. Pr动态图形模板Mogrt导入失败 Mogrt is Corrupt 解决方法 Motion Graphics Templates is corrupt.
  19. 电脑开机出现奇怪字符_电脑开机黑屏怎么办出现英文字符
  20. android 获取屏幕旋转方向,android获取手机屏幕尺寸和旋转方向

热门文章

  1. Parallel Platform (Stewart Platform) 类型机械臂的正逆解 01
  2. WRF模式|基本模式与流程
  3. 【学术知识】纯干货!最全学术会议参会流程分享
  4. 计算机网络技术企业环境,浅谈高职院校计算机网络技术专业教学环境建设
  5. attribute java 从_java – 在AttributeSet中访问自定义组件的attrs
  6. pdf转ppt简单方法,可批量转换
  7. 安装VS2003出现问题——Microsoft FrontPage 2000 Web 扩展客户端安装不成功 及其解决方法
  8. 如何阻止冒泡浏览器默认行为
  9. 错误使用 xlsread (line 260) 无法激活 Excel 工作表
  10. 。IBM ThinkPad T60P 全面评测