使用html/javascript將數據存儲在沒有數據庫的網頁上

我有一個任務，我需要使用html和javascript來存儲一些記錄（讓我們只是說一個名稱和一個電話號碼），可以刪除/稍後更新。問題是我無法使用任何類型的數據庫。使用html/javascript將數據存儲在沒有數據庫的網頁上

爲簡單起見，我們只是說我只有一個有2個字段和1個按鈕的網頁：姓名字段，電話號碼字段和提交按鈕。當用戶按下提交時，信息需要被存儲。根據我對Java的經驗，我會這樣做：獲取用戶輸入，將數據保存到.txt文件。所以我想也許我可以做類似的事情，但是，到目前爲止我的搜索結果讓我相信，沒有辦法使用javasript/html創建一個.txt文件（或任何類型的文件）。

所以我的問題是這樣的：我怎樣才能使用HTML/JavaScript保存數據？或者這甚至有可能？

謝謝！

來源

2015-11-07 Jordando

認真嗎？誰在發佈後17秒內降低了這一點？在那個時候甚至沒有讀取它的方法...... – Jordando

您可以使用.json文件以Json格式存儲數據。 –

JSP具有跨會話的非db持久性存儲的服務器上下文。雖然這個分配可能是關於cookie或localstorage – chiliNUT

看看：http://www.w3schools.com/HTML/html5_webstorage.asp

您可以使用網絡存儲。

從W3Schools的：

隨着網絡存儲，網絡應用程序可以在用戶的瀏覽器內的本地存儲數據。

在HTML5之前，應用程序數據必須存儲在cookie中，每個服務器請求中包含。網絡存儲更安全，大量的數據可以存儲在本地，而不會影響網站的性能。

與Cookie不同，存儲限制要大得多（至少5MB），而且信息永遠不會傳輸到服務器。

Web存儲是每個來源（每個域和協議）。所有來自的頁面都可以存儲和訪問相同的數據。

來源

2015-11-07 18:37:50 Alberto

@Alberto，不是真的，因爲調用必須採用'http'而不是'file'。所以w3schools上的例子有效，但不是本地的。 –

[鏈接只是答案不知道，因爲他們可能會消失。]（http://meta.stackexchange.com/questions/8231）請張貼一些解釋性文字和代碼。 –

-2

使用cookie有一個jQuery餅乾插件，真的很方便:)你可以試試這可能嗎？

或者只是安裝mysql PHP和儲存，或者只PHP寫一個JSON文件，或txt文件:)

但我不知道爲什麼你沒有能力PHP，即使你本地主機工作，你例如，可以很容易地用apache mysql和php來設置xampp。

來源

2015-11-07 18:43:52

Cookie存儲限制太嚴格，因此無法成爲解決方案 –

僅存儲「名稱和電話號碼」爲什麼這不是一個好的解決方案？爲什麼「存儲限制」會「太嚴格」？（只是問問）。 –

OP不清楚，但可以解釋爲需要爲每個客戶端存儲多個單獨的記錄（並且沒有跡象表明這會有任何特定的限制）。由於現代瀏覽器的每個域的Cookie限制通常爲50，因此Cookie最多隻能存儲50條記錄，並且解決方案很笨拙。這個問題表明需要一種可以被視爲更多「本地數據存儲」的存儲方法。 –

您有幾種選擇在這裏：

最簡單的方法是HTML5本地存儲。這是非常基本的，並允許您爲每條記錄設置名稱和值。看看https://developer.mozilla.org/en/docs/Web/API/Window/localStorage。
您可以使用IndexedDB（https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API）或Web SQL（http://www.tutorialspoint.com/html5/html5_web_sql.htm）。這兩者都非常相似，因爲它們本質上都創建了一個離線數據庫。但是，一些瀏覽器支持一種瀏覽器，另一些支持另一種瀏覽器，因此難以實現。
我個人最喜歡的解決方案是YDN-DB（http://dev.yathit.com/ydn-db/index.html）。它是一個使用上述所有方法創建跨瀏覽器兼容脫機數據庫的JavaScript庫。它還可以與在線數據庫同步作爲附加功能。

希望這會有所幫助，如果您想了解更多信息，請隨時發表評論。

來源

2015-11-07 18:45:10 Zak

使用html/javascript將數據存儲在沒有數據庫的網頁上

回答

相關問題