iOS程序员眼中的H5中的web存储

web端的存储方式分为：

1.会话存储  sessionStorage 2.本地存储  locationStorage  相当于键值对的表不可以嵌套使用只能存储少量的数据

 3.数据库 web SQL dataBase

详细介绍

1.会话存储相当于键值对,主要用于页面间传值 简单数据的存储

赋值 

sessionStorage.setItem('name','xiaoMing'); 

取值

var value = sessionStorage.getItem('name');

2.本地存储，主要用于页面间传值 简单数据的存储

//赋值

localStorage.setItem('age',16);

取值

document.write('age== '+localStorage.getItem('age'));

本地存储和会话存储存储的位置是不一样的

3.web SQL 数据库

SQL Datebase  有三个核心方法

openDateBase:这个方法是建立数据库

transaction  允许我们根据情况控制事务 提交或者回滚

executeSql  用于执行SQL语句

步骤：

1.打开数据库

var db=openDatabase('Test','1.0','测试',1000,function(){

alert('如果该数据是新创建的会回调这里') ;

if(db){

alert('打开数据库成功');

}else{

alert('打开数据库失败');

}

});

2.创建表

var sql='create table if not exixts STUDENT (NAME varchar(16) not null,AGE interger,NOTE varchar(64))';

//通过transaction（）执行sql可以保证如果sql执行出错，可以实现回滚，回到原来的状态

db.transaction(function(context){

//第一个callBack,表示希望执行的操作

context.executeSql(sql);

},

function(error){

alert('sql语句执行出错'+ error.message);

},function(){

alert('sql语句执行成功回调函数');

});

3.插入记录 修改 删除 属于更新数据，不同的就是sql语句的不同

db.transaction(function(context){

context.executeSql('insert into STUDENT (NAME,AGE) values("Ming",19)');

},

function(error){

alert('插入记录失败'+ error.message);

},

function(){

alert('插入记录成功');

}

);

4.查询记录

db.transaction(function(context){//执行成功的函数中有两个参数 context result

context.executeSql('select * from STUDENT',

[],

function(context,result){

//result中有一个关键的属性 rows

for(vari=0;i< result.rows.length;i++){

document.write('查询结果'+i+ result.rows[i]['NAME']);

}

},

function(error){

alert('查询失败'+ error.message);

});

},

function(error){

alert('查询失败');

},

function(){

alert('查询成功');

});