保存localstorage对象数据的方法,localstorage使用场景
html5的一个非常凉爽的的功能，就是网络存储，类似于之前的饼干，不过与之不同的是，网络存储拥有本地5兆的容量可以存储，而甜饼干却只有4K，这是完全不能比的优势。
网络陌生人又分为：本地存储，会话存储和本地数据库。
接下来我就来一一介绍：1、localstorage
本地存储的使用比较简单，方法有：
复制代码代码如下：
localStorage.setItem(key，value)；//保存数据
本地存储。getitem(key)；//读取数据
本地存储。移除项目(键)；//删除单个数据
本地存储。clear()；//删除所有数据
键：本地存储。键(索引)；//得到某个索引的值
一个小演示来展示功能：
复制代码代码如下：
（函数($){
$(function(){
$.fn.getFormParam=function(){
var serialize obj={ }；
var数组=this。序列化数组()；
var str=this。serialize()；
$(数组)。each(function(){
if(serializeObj[this.name]){
如果($。isArray(序列化obj[this。名称]){
serializeObj[this.name].推送(这个。值)；
}否则{
序列化obj[this。name]=[序列化obj[this。名字]，这个。值]；
}
}否则{
序列化obj[this。name]=这个。价值；
}
});
返回serializeObj
};/PP var存储文件=JSON。解析(窗口。本地存储。getitem( demo )；
$.每个（存储文件，函数(我，瓦尔){
$(#demoForm ).查找([name= I ]).瓦尔(瓦尔);
});/pp $(#demoForm ).查找([type=submit]).on(click ，function(){
var data=$(#demoForm ).getFormParam()；
窗户。本地存储。setitem( demo ，JSON。stringify(数据))；
返回错误的
});
});
})(jQuery)
超文本标记语言代码：
复制代码代码如下：
！声明文档类型
html lang=zh
头
meta charset=UTF-8
脚本src= jquery-1。10 .2 .量滴js /脚本
script src=demo.js/script
标题文档/标题
/头
身体
表单id=demoForm
普拉贝尔斯潘姓名/spaninput name=name/label/p
普拉贝尔斯潘年龄/spaninput name=age/label/p
普拉贝尔斯潘学号/span input name= number /label/p
普拉贝尔斯潘地址/span输入名称=地址/label/p
普拉贝尔斯潘爱好/spaninput name=habit/label/p
普拉贝尔斯潘其他/span textarea name= big id= cols= 30 rows= 10 /textarea/label/p
pinput type=submit value=提交/p
/表单
/body
/html
这样，一个简单的展示本地存储的演示就实现了
2、sessionStorage会话存储用法与本地存储用法相同，不过本地存储在浏览器关闭网站时候就会清除，而本地存储会一直保存至浏览器中，二者酌情配合使用。
3、本地数据库熟悉IOS/Android开发的同学，应该会对数据库数据库比较熟悉
html5中对数据库的操作比较简单，主要有数据库方法和交易方法
用一个对象来接收数据库创建的访问数据库的对象
复制代码代码如下：
var db=openDatabase(数据库名称，版本，描述，大小)
其中
数据库名称：数据库名
版本：数据库版本可不填
描述：数据库描述
尺寸：数据库分配空间大小
交易方法用一个回调函数作为参数，在函数中执行具体的访问数据库的方法
复制代码代码如下：
数据库事务(函数(tx)){
tx.executeSql(sqlQuery，[值1,值2.]、数据处理程序、错误处理程序)
});
执行结构化查询语言方法的四个参数分别是：
sqlQuery:需要具体执行的结构化查询语言语句，创建 选择 更新 删除；
[值1,值2.]:sql语句中所有使用到的参数的数组，在执行结构化查询语言方法中，将结构化查询语言语句中所要使用的参数先用"?"代替，然后依次将这些参数组成数组放在第二个参数中；
数据处理程序：执行成功回调函数；
ErrorHandler:回调函数失败；
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。