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('查询成功');
});
网友评论