技术栈

前端实现数据下载为json文件

胡桃夹夹子2024-11-09 20:03

数据be like

javascript 复制代码
const res= [{xxx:111,ccc:[]}]

实现:

javascript 复制代码
     const data = JSON.stringify(res, null, 4)
     const file = new Blob([data], { type: 'text/json' })
     const link = document.createElement('a')
     link.download = '名称.json'
     link.href = URL.createObjectURL(file)
     link.click()
     URL.revokeObjectURL(link.href)

JSON.stringify(res, null, 4)很关键,通过它的第三个参数控制缩进的空格数

这里按照四个字符缩进

上一篇:itextpdf打印A5的问题
下一篇:通过ChatGPT轻松制作个性化GPTs应用
相关推荐
Lotzinfly
几秒前
8 个经过实战检验的 Promise 奇淫技巧你需要掌握😏😏😏
前端·javascript·面试
RoyLin
1 分钟前
TypeScript设计模式:单例模式
前端·后端·node.js
小公主
2 分钟前
我的第一个 React Flow 小实验
前端
RoyLin
4 分钟前
TypeScript设计模式:工厂方法模式
前端·后端·node.js
掘金酱
6 分钟前
🎉 2025年8月金石计划开奖公示
前端·人工智能·后端
Cache技术分享
7 分钟前
191. Java 异常 - 捕获与处理异常
前端·后端
RoyLin
8 分钟前
TypeScript设计模式:模板方法模式
前端·后端·node.js
小桥风满袖
20 分钟前
极简三分钟ES6 - ES9中对象扩展
前端·javascript
云舟吖
28 分钟前
基于 electron-vite 实现一个 RPA 网页自动化工具
前端·架构
热门推荐
01GitHub 镜像站点02UV 工具安装与国内镜像源配置指南03Claude Code 平替:OpenAI发布 Codex CLI ,GPT-5 国内直接使用0446个Nano-banana 精选提示词,持续更新中05UV安装并设置国内源06A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程07保姆级教程:手把手教你用Dify实现完美多轮对话(附Chatflow和提示词)08conda中设置镜像地址(附所有可换的地址)09KGG转MP3工具|非KGM文件|解密音频10Spec-Kit 使用指南