HTML5技术

使用Web Storage模拟数据库 - MRGan

字号+ 作者:H5之家 来源:H5之家 2016-12-04 11:00 我要评论( )

Body JavaScript 在JavaScript脚本中放了两个函数,saveStorage()和findStorage()函数 saveStorage()函数流程 1、从各输入文本框中获取数据 2、创建对象,将获取的数据作为对象的属性进行保存。 3、将对象转换为JSON格式的文本数据 4、将文本数据保存在l

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对象,并将其返回。

 

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 在ASP.NET Core中使用Angular2,以及与Angular2的Token base身份认证 - 微软一站式示

    在ASP.NET Core中使用Angular2,以及与Angular2的Token base身份认证

    2016-11-20 15:00

  • 在ionic/cordova中使用百度地图插件 - LarryNE

    在ionic/cordova中使用百度地图插件 - LarryNE

    2016-11-20 13:00

  • HTML5_06之拖放API、Worker线程、Storage存储 - Jupiter258

    HTML5_06之拖放API、Worker线程、Storage存储 - Jupiter258

    2016-11-20 10:03

  • canvas的基础使用。 - hiuman

    canvas的基础使用。 - hiuman

    2016-11-02 16:00

网友点评