>> 欢迎您 客人: 登录 | 注册 | 在线 | 搜索 | 风格 | 帮助 | 统计 | 文章 返回首页
>>分享Web前端开发技术，并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
Java技术网站 → 『 Java开发技术 』 → 『 Web前端开发技术专题 』 → js导出json文件
发表一个新主题 开启一个新投票 回复文章 您是本文章第 27576 个阅读者 刷新本主题
 * 贴子主题:  js导出json文件 回复文章 点赞(0)  收藏  
作者:flybird    发表时间：2020-02-04 22:56:29     消息  查看  搜索  好友  邮件  复制  引用
              
前言：在调试js的时候，想把某个变量保存文本地json文件，以便于分析代码执行过程。可以按下面步骤操作。

1、在程序代码里创建一个保存文件的函数        
  1.        function  saveJSON( data, filename){
  2.      if(!data) {
  3.      alert( '保存的数据为空');
  4.      return;
  5.      }
  6.      if(!filename)
  7.      filename =  'json.json'
  8.      if( typeof data ===  'object'){
  9.      data =  JSON.stringify(data,  undefined,  4)
  10.      }
  11.      var blob =  new Blob([data], { type:  'text/json'}),
  12.      e =  document.createEvent( 'MouseEvents'),
  13.      a =  document.createElement( 'a')
  14.      a.download = filename
  15.      a.href =  window.URL.createObjectURL(blob)
  16.      a.dataset.downloadurl = [ 'text/json', a.download, a.href].join( ':')
  17.      e.initMouseEvent( 'click',  true,  false,  window,  0,  0,  0,  0,  0,  false,  false,  false,  false,  0,  null)
  18.      a.dispatchEvent(e)
  19.      }

       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精品书籍推荐
Java最新视频教程推荐
  Java面向对象编程-->Java语言的基本语法和规范
  JavaWeb开发-->继承
  JSP与Hibernate开发-->接口
  Java网络编程-->多线程（上）
  精通Spring-->面向对象开发方法概述之开发思想(上)
  Vue3开发-->Servlet技术详解（Ⅰ）
本站其他相关文章
  大部分人都会做错的经典JS闭包面试题
  介绍axios的基本使用(vue中使用axios)
  CSS的style样式的三种用法
  总结：Vue的生命周期钩子函数的调用时机
  js判断上传图片大小及尺寸
  拯救React的hooks：react的问题和hooks的作用
  Vue+Vant中van-list请求数据(数据请求调用公用方法)
  JS 循环删除数组
  Vue路由开启keep-alive时的注意点
  Vue开发常用的框架及案例
  jQuery 选择器
  jQuery UI 范例：show()方法
  HTML支持的多媒体(Media)
  JavaScript prototype（原型对象）
  JSON 数据转换为JavaScript对象
  更多...
 IPIP: 已设置保密
楼主      
共1页 0条记录 当前第1页
发表一个新主题 开启一个新投票 回复文章

中文版权所有： JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶，分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权，请与本站管理员联系。