您现在的位置是：首页 > 开发开发
下载文本数据的三个方法
2024-08-07 14:42:29【开发】人已围观
简介使用场景，需要将服务端返回的数据下载保存json文件
返回数据示例：res.data = {"results":[]}
方法1：使用Blob，函数如下 //下载json数据 function downloadData(d
使用场景，需要将服务端返回的数据下载保存json文件
返回数据示例：res.data = {"results":[]}
方法1：使用Blob，函数如下
调用
保存的文件名灵活可以自定义。
方法2：下载csv数据
返回数据示例：res.data = {"id,条码号,客户姓名,客户性别,客户年龄 "}
csv会直接下载，但保存文件名随机，如：qCdik9cL.csv，将原数据文件进行uri编码
layui 表格，调用表格导出
返回数据示例：res.data = {"results":[]}
方法1：使用Blob，函数如下
//下载json数据
function downloadData(data, fileName, mimeType) {
const blob = new Blob([data], { type: mimeType });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = fileName;
document.body.appendChild(a);
a.click();
setTimeout(() => {
document.body.removeChild(a);
window.URL.revokeObjectURL(url);
}, 0);
}
downloadData(res.data,res.filename,'text/json');
方法2：下载csv数据
返回数据示例：res.data = {"id,条码号,客户姓名,客户性别,客户年龄 "}
location.href = "data:text/csv;charset=utf-8," + encodeURIComponent(res.data);
layui 表格，调用表格导出
layui.table.exportFile(options.id, null, 'json');
table.exportFile(['序号','代码'], [['1','H10001'],['2','H10002']],'csv')
table.exportFile(['序号','代码'], [['1','H10001'],['2','H10002']],'csv')
很赞哦！ ()
上一篇：Vite的安装与使用
下一篇：返回列表
相关文章
-
无相关信息
