欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 锐评 > 前端导出json数据函数

前端导出json数据函数

2025/2/25 16:12:58 来源:https://blog.csdn.net/guige8888811/article/details/142936055  浏览:    关键词:前端导出json数据函数

数据导出我想也是大家常用的功能,excel文档的导出是需要指定的格式与插件。但直接导出json其实不需要任何插件即可导出。原理很简单,创建一个a标签,类型为下载类型,然后将dataUrl也就是数据拼接好。自动触发其中的点击事件即可。代码如下:

这是我从数据库里查到的数据,如果存在列表数据,就将其导出即可。


let sdata = await findWhereGetAllPatientGameAll({start: 0, // 分页起始位置limit: 100000000000, // 分页显示条数
})if (sdata && sdata.data.list.length > 0) {data = sdata.data.listlet dataStr = JSON.stringify(data);let dataUri = 'data:application/json;charset=utf-8,' + encodeURIComponent(dataStr);let exportFileDefaultName = filename + '.json';let linkElement = document.createElement('a');linkElement.setAttribute('href', dataUri);linkElement.setAttribute('download', exportFileDefaultName);linkElement.click();
} else {proxy.$message({showClose: true,message: '没有数据可导出的哟!',type: 'error'});
}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词