使用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将数据存储在没有数据库的网页上

回答

相关问题