将后台返回的json数据转换成excel下载

最新推荐文章于 2025-07-24 16:07:08 发布

曾曾子

最新推荐文章于 2025-07-24 16:07:08 发布

阅读量7.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js+jquery

本文链接：https://blog.youkuaiyun.com/u013746071/article/details/88035173

js+jquery 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种将JSON格式的数据转换为CSV格式，并通过JavaScript实现文件下载的方法。该过程包括解析JSON数据，生成CSV字符串，以及使用Blob对象和HTML5的a元素或IE10+的navigator.msSaveBlob方法来触发文件下载。

//json是获取到的数据：
	var json=[{
		id:"1",
		grade:"大二",
		name:"Mike"
	},{
		id:"1",
		grade:"大二",
		name:"Mike"
	}];
	var str = 'ID,年纪,姓名\n'; 
    for (let i = 0; i < jsonData.length; i++) { 
      for (let item in jsonData[i]) { 
        str += `${jsonData[i][item] + '\t,'}`;
      }
      console.log(str);  
      str = str + '\n';
    }  ;
    toLargerCSV(jsonData) { 
        if ('download' in document.createElement('a')) { // 非IE下载 
          var blob = new Blob([str], {
            type: "text/plain;charset=utf-8"
          });
          //解决中文乱码问题
          blob = new Blob([String.fromCharCode(0xFEFF), blob], {
            type: blob.type
          });
          var object_url = window.URL.createObjectURL(blob);
          var link = document.createElement("a");
          link.href = object_url;
          link.download = "数据列表.xls";
          document.body.appendChild(link);
          link.click();
           URL.revokeObjectURL(link.href); // 释放URL 对象
           document.body.removeChild(link);
        } else { // IE10+下载 
          var blob = new Blob([str], {
            type: "text/plain;charset=utf-8"
          });
          //解决中文乱码问题
          blob = new Blob([String.fromCharCode(0xFEFF), blob], {
            type: blob.type
          }); 
          const fileName = '数据列表.xls'; 
          navigator.msSaveBlob(blob, fileName);
        } 
      }