使用Web Storage模拟数据库

Posted 2020-08-21

Body

javascript

在JavaScript脚本中放了两个函数，saveStorage（）和findStorage()函数

 

saveStorage（）函数流程

1、从各输入文本框中获取数据

2、创建对象，将获取的数据作为对象的属性进行保存。

3、将对象转换为JSON格式的文本数据

4、将文本数据保存在localStorage中

为了将数据保存在一个对象中使用new Object语句创建一个对象，将各个数据保存在该对象的各个属性中，然后为了将对象转换为JSON格式的文本数据，使用JSON对象的stringify方法,

var str = JSON.tringify(data);

该方法只接受一个参数data，它表示要转换成JSON格式文本数据的对象，这个方法的作用是将对象转换成JSON格式的文本数据，并将其返回。

 

findStorage()函数流程

1、在localStorage中将检索用的姓名作为键值，获取对应的数据

2、将获取的数据转换成JSON对象

3、取得JSON对象的各个属性值，创建要输出的内容

4、将要输出的内容在页面上输出

该函数的关键是使用JSON对象的parse方法，将从localStorage中获取的数据转换成JSON对象。该函数的使用方法如下所示

var data = JSON.parse(str);

该方法只接受一个参数str，它表示从localStorage中取得的数据，这个方法的作用是将传入的数据转换成JSON对象，并将其返回。