浏览器端 js 编程需存储大量数据,有什么好的方法

JavaScript014

浏览器端 js 编程需存储大量数据,有什么好的方法,第1张

多大的数据算“大量”?主流的存储方式有这么几种:

1、Cookies。这个不说了,容量小,还有性能问题。

2、localStorage、sessionStorage,IE8+才支持,容量一般在5MB左右。

3、WebSQL,IE不支持。好处是结构跟关系型数据库一样,而且没有容量限制;缺点是慢。

4、IndexDB,IE10+才支持,已被废弃的一种特性(废弃的意思是你可以继续使用,但是浏览器厂商已经不再维护这个特性了,即使有BUG也没人管了)。

业界普遍做法一般是 localStorage 配合 IndexDB 使用,很少说有需要在浏览器端存储超过5MB以上的数据的。

可以利用localStorage来储存数据,用法也很简单:

localStorage["key"] = "要储存的数据"

提取出来也同样简单:

var x = localStorage["key"]

key是键名,可以自由设定。

需要注意的是,只有支持HTML5的浏览器才能使用localStorage