技术栈

前端实现数据下载为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应用
相关推荐
熊猫钓鱼
5 分钟前
基于Trae CN与TrendsHub快速实现的热点百事通
前端·trae
LIUENG
12 分钟前
Vue3 响应式原理
前端·vue.js
讨厌吃蛋黄酥
15 分钟前
前端居中九种方式血泪史:面试官最爱问的送命题,我一次性整明白!
前端·css
龙在天
18 分钟前
🤩 用Babel自动埋点,原来这么简单!
前端
Hierifer
19 分钟前
跨端实现之网络库拦截
前端
随笔记
21 分钟前
react-router里的两种路由方式有什么不同
前端·react.js
前端李二牛
21 分钟前
异步任务并发控制
前端·javascript
imLix
43 分钟前
RunLoop 实现原理
前端·ios
wayman_he_何大民
1 小时前
初始机器学习算法 - 关联分析
前端·人工智能
飞飞飞仔
1 小时前
别再瞎写提示词了!这份Claude Code优化指南让你效率提升10倍
前端·claude
热门推荐
01UV安装并设置国内源02Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code03【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)04KGG转MP3工具|非KGM文件|解密音频052025最新国内服务器可用docker源仓库地址大全(2025年8月更新)06NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南07蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接08TRAE 规则(Rules)配置指南:个人习惯、团队规范与最佳实践09阿里开源首个图像生成基础模型——Qwen-Image本地部署教程,超强中文渲染能力刷新SOTA!10TRAE Rules 实践:为项目配置 6A 工作流