json字符串下载

JSON字符串下载简介

在Web开发中，JSON字符串非常常见。在某些情况下，我们需要把这些数据进行下载，保存到本地另一个文件中。JSON字符串的下载可以通过设置Header和将JSON字符串放入blob对象中完成。

第一步：生成JSON字符串

let data = [
  {id: 1,name: 'John'},{id: 2,name: 'Jane'}
];
let jsonString = JSON.stringify(data);

第二步：将JSON字符串放入blob对象中

let blob = new Blob([jsonString],{type: 'application/json'});

第三步：设置Header

let fileName = 'data.json';
let link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = fileName;
link.click();

完整代码

let data = [
  {id: 1,name: 'Jane'}
];
let jsonString = JSON.stringify(data);
let blob = new Blob([jsonString],{type: 'application/json'});

let fileName = 'data.json';
let link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = fileName;
link.click();