使用 localStorage 储存本地数据

做数据分析工具的时有一些数据需要存在本地,如在处理数据的过程中,需要把每一步的条件保存起来以便可以进行撤销操作。

通常,数据库和COOKIE是比较常见的储存数据的方式。不过,COOKIE只能保存4k的大小并且把大量垃圾数据加在报头里也不太好。而这种临时有效的数据也不太适合保存在数据库中。和存在数据库中相比,这类数据更适合保存在客户端,浏览器的localStorage正好可以用来完成这项任务。

localStorage对象提供了数据操作的基本方法,最常用的:setItem(), getItem(), removeItem(), clear()。借助这四个方法可以简单的完成对localStorage的操作。

保存数据到localStorage中:

var sql = $("#sql").val();
localStorage.setItem('sql'+key,[sql]);

读取,删除localStorage的数据:

var sql = localStorage.getItem('sql'+key);  
localStorage.removeItem('sql'+key);

clear() 方法则会清除localStorage中的全部数据。

localStorage在客户端提供了一个简单的本地存储,使很多临时性的数据都可以在前端保存,为Web开发带来了极大的便利。

LocalStorage

Mysql数据分析工具 演示站: http://mysqldata.chxj.name

Show Comments