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

时间:2015-11-07 18:35:11

标签: javascript html

我有一个作业,我需要使用html和javascript来存储一些记录(让我们只说一个名字和一个电话号码),可以在以后删除/更新。问题是我无法使用任何类型的数据库。

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

根据我的Java经验,我会做这样的事情:获取用户输入,将数据保存到.txt文件。所以我想也许我可以做类似的事情,但是,在我的搜索中,到目前为止,我看到的回复让我相信没有办法使用javasript / html创建.txt(或任何类型的)文件。

所以我的问题就是这样:如何使用html / javascript保存数据?或者这甚至可能吗?

谢谢!

3 个答案:

答案 0 :(得分:5)

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

您可以使用网络存储。

来自W3Schools:

  

使用Web存储,Web应用程序可以在本地存储数据   用户的浏览器。

     

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

     

与Cookie不同,存储限制要大得多(至少5MB)   信息永远不会传输到服务器。

     

Web存储是按来源(每个域和协议)。所有页面,来自   一个来源,可以存储和访问相同的数据。

答案 1 :(得分:1)

你有几个选择:

  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库,它使用上述所有方法来创建跨浏览器兼容的脱机数据库。它还可以与在线数据库同步,作为附加功能。

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

答案 2 :(得分:-3)

使用cookies有一个jquery cookies插件,非常方便:)你可以试试吗?

或者只是用php安装mysql并存储它,或者只用php编写一个json文件或txt文件:)

但是我想知道你为什么不具备php能力,即使你使用localhost也可以轻松地用apache mysql和php设置xampp。