2016-03-04 74 views
-1

今天早上我問自己是否可以創建JavaScript應用程序和html,並且能夠在不使用任何服務器的情況下存儲數據的本地數據? 你有什麼建議嗎?如何使用JavaScript應用程序和Html存儲數據

順便說一下我嘗試使用此代碼

  $.getJSON("./data/cities.json", function(json) { 
       console.log(json); // this will show the info it in firebug console 
      }); 

使用JSON文件,但我得到這個錯誤:

XMLHttpRequest cannot load file:///C:/YYY/App/data/cities.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource. 
+3

localStorage的https://developer.mozilla.org/en/docs/Web/API/Window/localStorage –

+0

但是在數據存儲? – user3429578

+0

@ user3429578它存儲在客戶端的計算機上。 localstorage是一個鍵值對,鍵和值是字符串。每當用戶使用同一瀏覽器訪問您的網站時,它就像您說的那樣在本地存儲,而不是存儲在服務器上。 – TKoL

回答

0

你的確可以存儲與localStorage的數據,但如果你打算保存到文件我建議在尋找以下庫:

FileSave.js

  • 您可以 jsonFile = JSON.stringify(jsonFile)

  • 字符串化的JSON之後,你可以下載該字符串化的文件, var blob = new Blob([jsonFile], {type: "text/plain;charset=utf-8"}); saveAs(blob, "jsonStringified.txt");

Web應用程序通常不會訪問到客戶端的文件系統。是否有什麼特別的原因需要將它們保存到文件中?更新:缺少文件訪問也是文件加載無法運行的原因。

0

是您可以通過使用html5 local storage

+0

當然,但我想在一個特定的文件夾中創建一個獨立的文件,而無需下載彈出窗口 – user3429578

相關問題