美丽说网站代码与蘑菇街网站代码是用什么网站语言做的,网站建设与管理工资,献县网站建设公司,wordpress自动更新表格在做后台系统需求的时候#xff0c;有个需求是需要把当前表单配置导出#xff0c;在另一个配置项下#xff0c;导入这些配置#xff0c;相当于做了一下配置拷贝。通常我们导出下载一个文件#xff0c;是先向后端发起请求#xff0c;由后端处理数据后#xff0c;再返回文…在做后台系统需求的时候有个需求是需要把当前表单配置导出在另一个配置项下导入这些配置相当于做了一下配置拷贝。通常我们导出下载一个文件是先向后端发起请求由后端处理数据后再返回文件。
调研发现纯前端也可以实现这样的效果而且很简单不需要后端做处理。前端在一次拿到数据后就可以导出数据到文件。
导出json文件 创建一个a标签通过a标签的download href属性可以实现直接下载静态数据代码如下
let link document.createElement(a)
link.download config.json
link.href data:text/plain, JSON.stringify(data)
link.click()