jsonデータをdemo.jsonに変換してファイルをダウンロードする方法

開発の途中でプロジェクトに出くわしましたが、データが複雑です。見たいと思ったら、コンソールだけがコンソールに入っていると面倒に見えます。jsonをダウンロードしたいだけです。

だからあなたはできる:
2つの方法があります

function download (url, name) {
    
    
  const a = document.createElement('a')
  a.download = name
  a.rel = 'noopener'
  a.href = url
  // 触发模拟点击
  a.dispatchEvent(new MouseEvent('click'))
  // 或者 a.click()
}

const json = {
    
    
  a: 3,
  b: 4,
  c: 5
}
const str = JSON.stringify(json, null, 2)

// 方案一:Text -> DataURL
const dataUrl = `data:,${
      
      str}`
download(dataUrl, 'demo.json')

// 方案二:Text -> Blob -> ObjectURL
const url = URL.createObjectURL(new Blob(str.split('')))
download(url, 'demo1.json')

おすすめ

転載: blog.csdn.net/Beth__hui/article/details/109959204