首页 > 编程语言 >浏览器中javascript简易实现json数据保存到客户端

浏览器中javascript简易实现json数据保存到客户端

时间:2022-10-09 13:46:33浏览次数:62  
标签:me javascript download json createObjectURL Blob var 客户端

  思路很简单,就是利用Blob、URL.createObjectURL()方法和<a> 便签的HTML5新属性download来模拟远端文件下载保存。下面直接上代码

savePath: function(){
      var me = this;
      if(!me.curve){
        $.uitools.alertDlg("Path还没有定义,请先定义路径!");
        return;
      }
      var json = me.pathToJson();
      var blob = new Blob([json]);
      var url =  URL.createObjectURL(blob);
      var a = document.createElement("a");
      a.setAttribute('download','path.json');
      a.setAttribute('href',url);
      document.body.appendChild(a);
      a.click();
      a.remove();
    },

 

标签:me,javascript,download,json,createObjectURL,Blob,var,客户端
From: https://www.cnblogs.com/dajianshi/p/16771836.html

相关文章

  • JavaScript异步概念及与c#异步的区别
    JS的异步操作函数往往是通过回调函数来实现异步任务的结果处理,在ES6之前如setTimeout函数和异步AJAX编程;在ES6规范后Promise类对象使得书写异步任务更加容易,返回Promise......
  • 如何使用JavaScript将Set转换为Array?
    https://blog.csdn.net/m0_66319974/article/details/122436737在JavaScript中,想要将Set(集合)转换为Array数组,可以通过以下方式实现。方法1:使用Array.from()方法Array.......
  • 微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
    wx.request({url:'http://www.likeyunba.com/test/test.json',headers:{'Content-Type':'application/json'},success:function(res){//......
  • JavaScript高级程序设计笔记01 什么是JavaScript
    什么是JavaScript1995年问世。最初在客户端处理某些基本的验证。名字:Mocha->LiveScript->JavaScriptECMAScript脚本语言标准:ECMA-262(TC39,第39技术委员会)完整的的J......
  • JavaScript高级程序设计笔记02 HTML中的JavaScript
    HTML中的JavaScript<script>元素形式行内其中的代码会被从上到下解释。计算完成之前,页面其余内容不会被加载,也不会被显式。外部下载与解析都会阻塞HTML解析,扩展......
  • javascript简单实现主题变色
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"c......
  • JavaScript 事件
    事件浏览器窗口,文档等发生的一些特定的交互瞬间。对于Web应用来说,有下面这些代表性的事件:点击某个元素、将鼠标移动至某个元素上方、关闭弹窗等等。JavaScript是以事......
  • json文本数据
    本文主要针对三个问题:json格式数据,text数据与json数据之间的关系,json和python字典的区别1、什么是json数据?json是文本数据,可以在网络中传输的通用数据,它是具有特定格......
  • JavaScript基础 看这一篇就够了
    JavaScript是什么?JavaScript是世界上最流行的客户端脚本语言,主要用于为网页添加交互,跟html,css并称为前端三大语言。JavaScript能做什么?客户端数据验证客户端数据计算......
  • ASP.NET Core实现内容协商 (json+xml)(如何根据请求的媒体类型调整数据的输出)
    内容协商概念内容协商ContentNegotiation:允许客户端和服务器通过协商来决定相互之间数据的传输格式、语言等。HTTP头部http头部的媒体类型MediaTypes定义accept和......