JS怎样将json格式数组下载到excel表格里-js教程-PHP中文网

首页

web前端

js教程

JS怎样将json格式数组下载到excel表格里

php中世界最好的语言

Apr 14, 2018 am 09:44 AM

javascript json 下载

这次给大家带来JS怎样将json格式数组下载到excel表格里，JS将json格式数组下载到excel表格里的注意事项有哪些，下面就是实战案例，一起来看一下。

实例如下：

<html> 
<head> 
  <meta http-equiv="content-type" content="text/html; charset=utf-8"> 
  <script type="text/javascript" src="jquery183.min.js"></script> 
  <script type="text/javascript"> 
    $(document).ready(function(){ 
      $('#wwo').click(function(){ 
        var data = {
"title":
[
{"value":"A1标题"}, 
{"value":"B1标题"}
],
"data":
[
[
{"value":"好好"}, 
{"value":"2015-08-24"}
],
[
{"value":"123"}, 
{"value":"hahah"}
]
]
}; 
        if(data == ''){ 
          return; 
}else{
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=&#39;urn:schemas-microsoft-com:office:office&#39; xmlns:x=&#39;urn:schemas-microsoft-com:office:excel&#39; xmlns=&#39;http://www.w3.org/TR/REC-html40&#39;>"; 
      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&#39;; 
      excelFile += &#39;; 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>

登录后复制

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7465

CakePHP 教程

1376

steam的账户名称是什么格式

win11激活密钥永久

NYT连接提示和答案

显示更多

Related knowledge

红果短剧怎么下载剧集 Mar 11, 2024 pm 09:16 PM

红果短剧不仅是一个观赏短剧的平台，更是一个内容丰富的宝库，其中还包括了小说等精彩内容。对于许多热爱阅读的用户来说，这无疑是一个巨大的惊喜。然而很多用户们还不太了解究竟该如何在红果短剧中下载并观看这些小说内容，在下文中本站小编就将为大家带来详细的下载步骤介绍，希望能帮助到各位有需要的小伙伴们。红果短剧怎样下载观看答案：【红果短剧】-【听书】-【文章】-【下载】。具体步骤：1、首先打开红果短剧软件，进入到首页中后我们点击页面上方的【听书】按钮；2、然后在小说的页面中我们可以看到有很多的文章内容，在这

wallpaperengine登录别的号后下载别人的壁纸怎么办 Mar 19, 2024 pm 02:00 PM

当你在自己电脑上登过别人steam账号之后，恰巧这个别人的账号也有wallpaper软件，切换回自己账号之后steam就会自动下载别人账号订阅的壁纸，用户可以通过关闭steam云同步解决。wallpaperengine登录别的号后下载别人的壁纸怎么办1、登陆你自己的steam账号，在设置里面找到云同步，关闭steam云同步。2、登陆你之前登陆的别人的steam账号，打开wallpaper创意工坊，找到订阅内容，然后取消全部订阅。（以后防止找不到壁纸，可以先收藏再取消订阅）3、切换回自己的stea

115://开头的链接怎么下载？下载方法介绍 Mar 14, 2024 am 11:58 AM

　　最近有很多用户都在问小编，115://开头的链接怎么下载？想要下载115://开头的链接需要借助115浏览器，大家下载好115浏览器后，再来看看下面小编整理好的下载教程吧。　　115://开头的链接下载方法介绍　　1、登录115.com，下载115浏览器并安装。　　2、在115浏览器地址栏输入：chrome://extensions/，进入扩展中心，搜索Tampermonkey，安装对应插件。　　3、在115浏览器地址栏输入：　　油猴脚本：https://greasyfork.org/en/

超级人类（superpeople）游戏下载安装方法介绍 Mar 30, 2024 pm 04:01 PM

超级人类（superpeople）游戏可以通过steam客户端下载游戏，这款游戏的大小在28G左右，下载到安装通常需要一个半小时，下面为大家带来具体的下载安装教程！新的申请全球封闭测试方法1)在Steam商店（steam客户端下载）搜索“SUPERPEOPLE”2)点击“SUPERPEOPLE”商店页面下方的“请求SUPERPEOPLE封闭测试访问权限”3)点击请求访问权限按钮后，将在Steam库中可确认“SUPERPEOPLECBT”游戏4)在“SUPERPEOPLECBT”中点击安装按钮并下

夸克网盘怎么下载到本地？夸克网盘下载文件保存回本地的方法 Mar 13, 2024 pm 08:31 PM

　　不少的用户们在使用夸克网盘的时候需要将文件下载下来，可我们想让他保存在本地，那么这要怎么设置？下面就让本站来为用户们来仔细的介绍一下夸克网盘下载文件保存回本地的方法吧。　　夸克网盘下载文件保存回本地的方法　　1、打开夸克，登录账号进去，点击列表图标。　　2、点击图标之后，选择网盘。　　3、进去夸克网盘之后，点击我的文件。　　4、进去我的文件之后，选择要下载的文件，点击三点图标。　　5、勾选要下载的文件，点击下载就行了。

foobar2000怎么下载？-foobar2000怎么使用 Mar 18, 2024 am 10:58 AM

foobar2000是一款能随时收听音乐资源的软件，各种音乐无损音质带给你，增强版本的音乐播放器，让你得到更全更舒适的音乐体验，它的设计理念是将电脑端的高级音频播放器移植到手机上，提供更加便捷高效的音乐播放体验，界面设计简洁明了易于使用它采用了极简的设计风格，没有过多的装饰和繁琐的操作能够快速上手，同时还支持多种皮肤和主题，根据自己的喜好进行个性化设置，打造专属的音乐播放器支持多种音频格式的播放，它还支持音频增益功能根据自己的听力情况调整音量大小，避免过大的音量对听力造成损害。接下来就让小编为大

夸克网盘在哪下载文件_夸克网盘下载到本地方法分享 Mar 21, 2024 pm 03:57 PM

夸克作为一款方便实用的网盘工具，能够帮助用户轻松获取喜欢的资源，如果想将某个文件下载到本地要如何操作呢？下面就由小编来告诉大家，赶快一起学习一下吧！夸克网盘下载到本地方法分享1、首先打开夸克软件，进入到首页之后我们点击右下方的【云图标】;2、然后在夸克网盘的页面中我们点击其中的【文档】功能;3、接着来到文档的页面中选择好需要下载的文件之后点击【三点图标】;4、最后点击过后在弹出的对话框中我们点击【下载】即可;

贝乐虎儿歌怎么下载 Mar 28, 2024 am 11:10 AM

贝乐虎儿歌作为孩子们成长过程中不可或缺的陪伴，以其欢快的旋律、生动的画面和寓教于乐的内容，赢得了无数家长和孩子们的喜爱。为了让宝贝们能够随时随地享受到儿歌带来的快乐，许多家长都希望能够将贝乐虎儿歌下载到手机或平板上方便随时拿来给孩子听，但是究竟该如何将贝乐虎的儿歌保存到自己的手机上呢，这篇教程就将为大家带来详细的内容介绍，还不了解的用户们就快来跟着本文一起阅读了解一下吧。贝乐虎儿歌下载儿歌多图教程：打开软件，选择一首想要下载的儿歌，小编这里以“经典儿歌”为例2.在儿歌明星的下方点击“下载”按钮，

See all articles

JS怎样将json格式数组下载到excel表格里

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题