在前端開發中,難免會在網頁中涉及到json文件的處理。而對于H5訪問json文件下載,實際上也是一個比較方便的操作。下面我們就來簡單介紹一下具體的操作方法。
首先,我們需要先創建一個json文件。可以在本地電腦的任意一個位置,比如創建在D盤根目錄下,文件名為data.json。
{ "name": "小明", "age": 18, "gender": "男" }
然后,在我們需要訪問該json文件的頁面中,使用ajax請求來讀取json文件的內容,并將其下載到本地電腦。具體代碼如下:
$.ajax({ url: "D:/data.json", //文件路徑 type: "GET", success: function(data) { var aLink = document.createElement("a"); aLink.download = "data.json"; //文件名 aLink.href = "data:text/json;charset=utf-8," + encodeURIComponent(data); document.body.appendChild(aLink); aLink.click(); } });
運行代碼后,可以看到瀏覽器會自動下載一個名為“data.json”的文件,文件內容即為我們在json文件中所寫的內容。
需要注意,由于涉及到本地文件的讀取和下載,所以在網絡瀏覽器中直接打開html文件是無法運行該代碼的,需要通過服務器或本地搭建的虛擬主機來運行。
H5訪問json文件下載,如上就是一個簡單的實現方法。在實際開發中,我們可以根據自己的需求來設計更為復雜的實現方式。
上一篇h5存儲json集合
下一篇python 小海龜顏色