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

Store data on a web page without a database using html/javascript

本文关键字：数据库 网页 存储 html javascript 数据 使用      更新时间：2023-09-26

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

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

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

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

谢谢！

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

您可以使用网络存储。

来自W3Schools:

使用web存储，web应用程序可以在用户的浏览器。

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

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

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

这里有几个选项：

  1. 最简单的方法是HTML5本地存储。这是非常基本的，允许您为每个记录设置名称和值。看看https://developer.mozilla.org/en/docs/Web/API/Window/localStorage.

  2. 您可以使用IndexedDB(https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API)或Web SQL(http://www.tutorialspoint.com/html5/html5_web_sql.htm)。这两者非常相似，因为它们本质上都创建了一个离线数据库。然而，有些浏览器支持其中一种，有些浏览器则支持另一种，因此很难实现。

  3. 我个人最喜欢的解决方案是YDN-DB(http://dev.yathit.com/ydn-db/index.html)。它是一个JavaScript库，使用上述所有方法创建一个跨浏览器兼容的离线数据库。它还可以作为附加功能与在线数据库同步。

希望这能有所帮助，如果你想了解更多信息，请随时留言。

使用cookie有一个jquery cookie插件，非常方便：）你可以试试吗？

或者只需将mysql与php一起安装并存储，或者只使用php并编写json文件或txt文件：）

但我想知道为什么你没有php功能，即使你使用localhost，你也可以很容易地使用apachemysql和php来设置xampp。

相关文章：