javascript - 一种使用 HTML5 的 localStorage 模拟数据库的方法

标签 javascript database html

我有一个大约 600 行的小表,看起来像这样:

Make  |  Model     |  Year1  | Year2
Chevy |  Silverado |  2000   | 2014
Chevy |  Cobalt    |  1988   | 2015

该站点的工作方式如下:用户在下拉列表中选择一个年份,然后查询在范围内查找该年份以显示该年份所有可用的 Makes。然后用户选择他的品牌,查询将根据年份/品牌查找可用型号。

我想做的是让这个过程离线可用,而不需要每次都查询在线数据库。

我正在研究 localStorage,但它只能存储键值对。所以我看不出如何用 localStorage 做到这一点。 WebSQL 也无法工作,因为并非所有浏览器都支持它。

关于如何离线实现此功能有什么建议吗?用户只需要访问一次站点,所有数据都应该在本地加载并在本地查询。

需要说明的是,我并不是要任何代码。我要求更全面地了解如何实现这一点。

最佳答案

我建议使用一个现有的库 ( list here ) 来处理本地存储数据,这样你就可以向后兼容 (cookies) 和面向 future 的代码 (IndexDB/NoSQL/Something else)。

我认为这与 this question 非常相似.

我会做同样的事情(至少对于一个天真的解决方案,这可能适合您的少量数据),只需创建包含所有数据的 JSON 对象并在存储/检索时对它们进行字符串化/解析。 (例如 answer from another thread)

编辑:链接错误

EDIT2:改变了 future 的技术示例

关于javascript - 一种使用 HTML5 的 localStorage 模拟数据库的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27849682/

相关文章:

asp.net - 当用户离开网站(ASPX)时最后调用数据库?

html - 使用 CSS/HTML 在半圆中布局组件

javascript - 两个 Action 不能同时进行

javascript - 如何在 native react 中设置下拉菜单中的默认值

javascript - 来自 $rootscope 的 Angularjs 服务调用导致无休止的迭代循环

javascript - 单击对应的复选框时对 div 的内容求和

java - Elasticsearch : plain text file instead of JSON

javascript - jQuery 中的多个下拉验证不起作用

sql - 如何从 grails 调用数据库函数?

javascript - 踩范围输入