json导出Excel

唐吉吉(chris)

已于 2022-03-25 11:38:52 修改

阅读量1.4k

点赞数

分类专栏： JavaScript 文章标签： json javascript

于 2022-01-10 17:33:46 首次发布

本文链接：https://blog.csdn.net/weixin_55017680/article/details/122415335

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

ajax请求获得json，然后导出Excel文件

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.13.1/xlsx.full.min.js"></script>

</head>

<body>

<h2>The XMLHttpRequest Object</h2>

<button type="button" οnclick="loadDoc()">Request data</button>

<p id="demo"></p>

<script>

function loadDoc() {

//创建xmlhttprequest对象

const xhttp = new XMLHttpRequest();

xhttp.onload = function () {

//将ajax请求返回的文本转换为json 数组对象

const exportArr = JSON.parse(xhttp.responseText).data.pageInfo;

//获取对象中的key作为导出的Excel的表头

var bb = Object.keys(JSON.parse(xhttp.responseText).data.pageInfo[0]);

// 自定义下载的header，注意是数组中的数组哦

const Header = [bb];

// 官方文档中的描述：converts an array of arrays of JS data to a worksheet.

const headerWs = XLSX.utils.aoa_to_sheet(Header);

const ws = XLSX.utils.sheet_add_json(headerWs, exportArr, { skipHeader: true, origin: "A2" });

//新建空workbook，然后加入worksheet

const wb = XLSX.utils.book_new();

// 可以自定义下载之后的sheetname

XLSX.utils.book_append_sheet(wb, ws, "sheetName");

/* 生成xlsx文件 */

XLSX.writeFile(wb, "下载.xlsx");

}

xhttp.open("POST", "https://drp-store-apac-api.myoppo.com/drp/store/pc/web/doc/order/page/query");

//添加一些请求表头

xhttp.setRequestHeader("Content-type", "application/json");

xhttp.setRequestHeader("app-id", "41");

xhttp.setRequestHeader("token", "212f339e8eccff9021f825750f17f3b4b8a63f4e6b2d3007a6021c233e541ffe");

xhttp.setRequestHeader("x-authority-id", "161211");

//xhttp.responseType = "arraybuffer";

//请求的入参放在send方法里面

xhttp.send('{"pageSize":500,"pageNo":1}');

}

</script>

</body>

</html>

唐吉吉(chris)

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
json导出Excel

ajax请求获得json，然后导出Excel文件<!DOCTYPE html><html><head> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.13.1/xlsx.full.min.js"></script></head><body> <h...
复制链接

扫一扫