iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > html >javascript如何将json格式数组下载为excel表格
  • 220
分享到

javascript如何将json格式数组下载为excel表格

2024-04-02 19:04:59 220人浏览 八月长安
摘要

小编给大家分享一下javascript如何将JSON格式数组下载为excel表格,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!实

小编给大家分享一下javascript如何将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='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>

以上是“javascript如何将json格式数组下载为excel表格”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网html频道!

--结束END--

本文标题: javascript如何将json格式数组下载为excel表格

本文链接: https://www.lsjlt.com/news/75886.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript如何将json格式数组下载为excel表格
    小编给大家分享一下javascript如何将json格式数组下载为excel表格,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!实...
    99+
    2024-04-02
  • javascript如何将数组转为json格式
    这篇文章给大家分享的是有关javascript如何将数组转为json格式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。在javascript中,可以使用转化函数“JSON.stringify()”来将数组转为js...
    99+
    2023-06-14
  • python-将excel表格中的数据转化为json数据格式
    前言 excel表格中的数据,转化为json格式,再用程序去处理json数据,是常见的数据处理方式。这样可以实现按照需求去做数据处理。 需要用到的软件 除了python环境外,主要用到读取excel文...
    99+
    2023-09-02
    python excel json
  • php如何将空数组转为json格式
    今天小编给大家分享一下php如何将空数组转为json格式的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。在开发Web应用程序时...
    99+
    2023-07-05
  • javascript如何将url解析为json格式
    这篇文章主要介绍javascript如何将url解析为json格式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!方法一:最简单的方法,利用a标签来实现function pa...
    99+
    2024-04-02
  • 如何用php将数组转换为json格式
    本篇内容主要讲解“如何用php将数组转换为json格式”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何用php将数组转换为json格式”吧!1.理解JSON格式在开始介绍如何将PHP数组转换为...
    99+
    2023-07-05
  • 将数组转化为json格式PHP
    在Web开发中,我们经常需要将数据以JSON格式返回给前端,以方便JavaScript等客户端脚本访问。而在PHP中,我们可以使用json_encode()函数将PHP数组转化为JSON字符串。下面是一个例子,我们定义了一个名为$stude...
    99+
    2023-05-22
  • php如何将数据转为excel格式
    这篇文章主要介绍“php如何将数据转为excel格式”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“php如何将数据转为excel格式”文章能帮助大家解决问题。什么是Excel格式Excel格式是一种...
    99+
    2023-07-05
  • golang中如何将数据转为json格式
    本文小编为大家详细介绍“golang中如何将数据转为json格式”,内容详细,步骤清晰,细节处理妥当,希望这篇“golang中如何将数据转为json格式”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。使用 Gola...
    99+
    2023-07-05
  • Java如何将Excel转为OFD格式
    这篇文章主要为大家展示了“Java如何将Excel转为OFD格式”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Java如何将Excel转为OFD格式”这篇文章吧。OFD是一种开放版式文档(Ope...
    99+
    2023-06-22
  • php如何将数据转化为json格式
    本篇内容介绍了“php如何将数据转化为json格式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在php中,可以使用json_encode(...
    99+
    2023-06-30
  • 详解如何使用PHP将数组转换为JSON格式
    PHP是一种广泛使用的服务器端脚本语言,而JSON是一种轻量级的数据交换格式,具有易于阅读和编写的特性。在PHP中,将数组转换为JSON格式是一项很常见的操作,因为它可以使Web应用程序和移动应用程序的数据传输更加高效和便捷。在本文中,我们...
    99+
    2023-05-14
  • PHP中怎么将数组转换为JSON格式
    在PHP中,可以使用json_encode()函数将数组转换为JSON格式。例如: $myArray = array('f...
    99+
    2024-04-02
  • php将数组转换为json格式的示例
    小编给大家分享一下php将数组转换为json格式的示例,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!在PHP中,可以使用json_encode()函数来将数组转换为json格式的数据,语法为“json_encode(数组变...
    99+
    2023-06-06
  • 怎么使用PHP将数组转换为JSON格式
    这篇文章主要介绍“怎么使用PHP将数组转换为JSON格式”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用PHP将数组转换为JSON格式”文章能帮助大家解决问题。PHP是一种广泛使用的服务器端脚...
    99+
    2023-07-05
  • 如何使用PHP将数组转化成JSON格式
    在Web开发中,经常需要将PHP的关联数组或数字索引数组转化成JSON格式,以便在前端页面显示或给API调用,这种需求在现代Web应用程序的开发中非常普遍。本篇文章将会告诉你如何使用PHP将数组转化成JSON格式。什么是JSON?JSON意...
    99+
    2023-05-14
  • php如何将json数据转为字符串格式
    本文小编为大家详细介绍“php如何将json数据转为字符串格式”,内容详细,步骤清晰,细节处理妥当,希望这篇“php如何将json数据转为字符串格式”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。首先,我们需要获取...
    99+
    2023-07-06
  • 如何利用pandas将Excel转为html格式
    前言 大家谈及用Pandas导出数据,应该就会想到to.xxx系列的函数。 这其中呢,比较常用的就是pd.to_csv()和pd.to_excel()。但其实还可以将其导成Html网...
    99+
    2024-04-02
  • php怎么将数据转为excel格式
    在软件开发过程中,很多涉及到数据存储和数据处理的任务需要用到Excel表格。由于Excel格式的复杂性和繁琐性,经常会遇到导入和导出Excel格式数据的问题,这时候我们就需要用到Excel格式转换技术。PHP作为一门流行的后端编程语言,除了...
    99+
    2023-05-14
    php Excel
  • JavaScript如何将对象显示为表格
    这篇文章将为大家详细讲解有关JavaScript如何将对象显示为表格,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。将对象显示为表格有时,您要查看一组复杂的对象。您可以console.log它们并在列表中滚...
    99+
    2023-06-27
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作