js导出json文件

>> 欢迎您客人: 登录 | 注册 | 在线 | 搜索 | 风格 | 帮助 | 统计 | 文章

返回首页

>>分享Web前端开发技术，并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持

书籍支持

卫琴直播

品书摘要

在线测试

资源下载

联系我们

Java技术网站 → 『 Java开发技术』 → 『 Web前端开发技术专题』 → js导出json文件

您是本文章第 21025 个阅读者

* 贴子主题: js导出json文件

点赞(0) 收藏

作者:flybird 发表时间：2020-02-04 22:56:29

消息

查看

搜索

好友

邮件

复制

引用

前言：在调试js的时候，想把某个变量保存文本地json文件，以便于分析代码执行过程。可以按下面步骤操作。

1、在程序代码里创建一个保存文件的函数

function saveJSON( data, filename){
if(!data) {
alert( '保存的数据为空');
return;
}
if(!filename)
filename = 'json.json'
if( typeof data === 'object'){
data = JSON.stringify(data, undefined, 4)
}
var blob = new Blob([data], { type: 'text/json'}),
e = document.createEvent( 'MouseEvents'),
a = document.createElement( 'a')
a.download = filename
a.href = window.URL.createObjectURL(blob)
a.dataset.downloadurl = [ 'text/json', a.download, a.href].join( ':')
e.initMouseEvent( 'click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
a.dispatchEvent(e)
}

2、在chrome控制台调用该函数，或者使用界面上的某个dom元素的事件函数里调用上面的函数saveJSON(obj,"obj.json")，就可以导出js的object变量了。

----------------------------
原文链接:https://blog.csdn.net/shijie_nihao/article/details/100544941

程序猿的技术大观园：www.javathinker.net

[这个贴子最后由 flybird 在 2020-02-04 22:56:29 重新编辑]

Java精品书籍推荐