ExtJS 是一款十分強大的 JavaScript 前端框架,可以用來創建各種各樣的 Web 應用程序。其中,生成 JSON 文件是其很常見的功能之一,可以將數據以 JSON 格式下載或保存。
下面是一段示例代碼,演示如何使用 ExtJS 生成 JSON 文件:
Ext.Ajax.request({ url: 'data.json', method: 'GET', success: function(response) { var jsonData = Ext.decode(response.responseText); var jsonString = Ext.encode(jsonData); var myJsonFile = { name: 'data.json', content: jsonString, blob: new Blob([jsonString], {type: 'application/json'}) }; var downloadLink = document.createElement('a'); downloadLink.download = myJsonFile.name; downloadLink.href = URL.createObjectURL(myJsonFile.blob); downloadLink.click(); }, failure: function(response) { console.log('AJAX request failed: ' + response.status + ' - ' + response.statusText); } });
上述代碼中,我們使用 Ext.Ajax.request 發送 AJAX 請求,獲取 JSON 數據。通過 Ext.decode 將 JSON 格式數據轉換為 JavaScript 對象,再通過 Ext.encode 將 JavaScript 對象轉換為 JSON 字符串。接著,我們使用 Blob 對象創建一個二進制數據對象,以及一個下載鏈接,并將該鏈接隱藏在一個a
標簽內,最后觸發下載鏈接的click()
方法,即可生成一個 JSON 文件并下載到本地。