本篇內(nèi)容主要講解“如何把 json 數(shù)據(jù)轉(zhuǎn)化為 demo.json 并下載文件”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“如何把 json 數(shù)據(jù)轉(zhuǎn)化為 demo.json 并下載文件”吧!

鄰水ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

json 視為字符串，可以利用 DataURL 進(jìn)行下載

Text -> DataURL

除了使用 DataURL，還可以轉(zhuǎn)化為 Object URL 進(jìn)行下載

Text -> Blob -> Object URL

可以把以下代碼直接粘貼到控制臺下載文件

function download (url, name) {
  const a = document.createElement('a')
  a.download = name
  a.rel = 'noopener'
  a.href = url
  // 觸發(fā)模擬點擊
  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')

總結(jié)

1. 模擬下載，可以通過新建一個     <a href="url" download><a> 標(biāo)簽并設(shè)置     url 及     download 屬性來下載
2. 可以通過把     json 轉(zhuǎn)化為     dataurl 來構(gòu)造 URL
3. 可以通過把     json 轉(zhuǎn)換為     Blob 再轉(zhuǎn)化為     ObjectURL 來構(gòu)造 URL

到此，相信大家對“如何把 json 數(shù)據(jù)轉(zhuǎn)化為 demo.json 并下載文件”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

網(wǎng)頁題目：如何把json數(shù)據(jù)轉(zhuǎn)化為demo.json并下載文件
網(wǎng)站URL：http://chinadenli.net/article12/gisdgc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、定制開發(fā)、網(wǎng)站制作、微信小程序、自適應(yīng)網(wǎng)站、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)