使用html/javascript在没有数据库的网页上存储数据

我有一个任务，我只需要使用html和javascript来存储一些记录（比如说姓名和电话号码），这些记录可以在以后删除/更新。问题是我不能使用任何类型的数据库

为了简单起见，假设我有一个网页，有两个字段和一个按钮：一个姓名字段、一个电话号码字段和一个提交按钮。当用户按下submit时，需要存储信息

根据我使用Java的经验，我会这样做：获取用户输入，将数据保存到.txt文件中。因此，我想也许我可以做一些类似的事情，但是，在我的搜索中，到目前为止，我看到的响应让我相信没有办法使用javasript/html创建.txt（或任何类型的）文件

所以我的问题是：如何仅使用html/javascript保存数据？或者这可能吗

谢谢

看看：

您可以使用web存储

学校：

有了web存储，web应用程序可以在本地存储数据库中的数据 用户的浏览器

在HTML5之前，应用程序数据必须存储在cookie中，包括 在每个服务器请求中。Web存储更安全，而且数量更大 大量数据可以存储在本地，而不会影响网站性能

与Cookie不同，存储限制要大得多（至少5MB），而且 信息永远不会传输到服务器

Web存储是按来源（按域和协议）进行的。所有页面，从 一个来源，可以存储和访问相同的数据

---

使用cookies有一个jquerycookies插件，非常方便：）你可以试试吗

或者只安装带有php的mysql并存储它，或者只安装php并编写json文件或txt文件：）

---

但我想知道为什么您没有php功能，即使您使用localhost，您也可以轻松地使用apache mysql和php设置xampp。

您在这里有几个选项：

最简单的方法是HTML5本地存储。这是非常基本的，允许您为每个记录设置名称和值。看一看

您可以使用IndexedDB（）或websql（）。从本质上讲，这两种方法都创建了一个脱机数据库，这两种方法非常相似。但是，有些浏览器支持其中一种，有些浏览器支持另一种，因此很难实现

我个人最喜欢的解决方案是YDN-DB（）。它是一个JavaScript库，使用上述所有方法创建跨浏览器兼容的脱机数据库。作为一项附加功能，它还可以与在线数据库同步

---

希望这能有所帮助，如果您想了解更多信息，请随时发表评论。

真的吗？谁在发布后的17秒内否决了这个？当时根本不可能读取它……您可以使用.json文件以json格式存储数据。JSP具有用于非db持久存储会话的服务器上下文。虽然这篇文章可能是关于饼干或localstorage@Alberto，不是真的，因为调用必须采用

http

而不是

文件。因此，w3schools的例子是可行的，但在本地并不可行。请发布一些解释性文字和代码。cookie存储限制太严格，无法作为仅存储“姓名和电话号码”的解决方案。为什么这不是一个好的解决方案？为什么“存储限制”会“过于严格”？（只是问一下）。OP不清楚，但是可以解释为要求每个客户存储多个单独的记录（没有迹象表明这会有任何特定的限制）。由于现代浏览器每个域的cookie限制通常为50，cookie最多只允许存储50条记录，解决方案将很笨拙。这个问题表明需要一种更像“本地数据存储”的存储方法。