我有一个作业,我需要使用html和javascript来存储一些记录(让我们只说一个名字和一个电话号码),可以在以后删除/更新。问题是我无法使用任何类型的数据库。
为简单起见,我们假设我只有一个包含2个字段和1个按钮的网页:名称字段,电话号码字段和提交按钮。当用户按下提交时,需要存储信息。
根据我的Java经验,我会做这样的事情:获取用户输入,将数据保存到.txt文件。所以我想也许我可以做类似的事情,但是,在我的搜索中,到目前为止,我看到的回复让我相信没有办法使用javasript / html创建.txt(或任何类型的)文件。
所以我的问题就是这样:如何使用html / javascript保存数据?或者这甚至可能吗?
谢谢!
答案 0 :(得分:5)
看看:http://www.w3schools.com/HTML/html5_webstorage.asp
您可以使用网络存储。
来自W3Schools:
使用Web存储,Web应用程序可以在本地存储数据 用户的浏览器。
在HTML5之前,应用程序数据必须存储在包含的cookie中 在每个服务器请求中。 Web存储更安全,数量更多 数据可以存储在本地,而不会影响网站性能。
与Cookie不同,存储限制要大得多(至少5MB) 信息永远不会传输到服务器。
Web存储是按来源(每个域和协议)。所有页面,来自 一个来源,可以存储和访问相同的数据。
答案 1 :(得分:1)
你有几个选择:
最简单的方法是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库,它使用上述所有方法来创建跨浏览器兼容的脱机数据库。它还可以与在线数据库同步,作为附加功能。
希望这有帮助,如果您想了解更多信息,请随时发表评论。
答案 2 :(得分:-3)
使用cookies有一个jquery cookies插件,非常方便:)你可以试试吗?
或者只是用php安装mysql并存储它,或者只用php编写一个json文件或txt文件:)
但是我想知道你为什么不具备php能力,即使你使用localhost也可以轻松地用apache mysql和php设置xampp。