HTML5 API详解（17）:Web SQL DataBase本地数据库
Web SQL Database是一個已經廢棄的規范，但是鑒于除了IE和Firefox，其他瀏覽器都已經實現了Web SQL Database，并且它還具有一些HTML5 Storage所不具有的特性，所以還是值得了解一下的。
它通過一套API來操縱客戶端的數據庫。Safari、Chrome、Opera等主流瀏覽器都已經支持Web SQL Database。
在使用本地數據庫的時候需要使用到sql語句，但這里不對sql語法進行闡述，可先自行了解sql語法。
下面介紹怎樣創建打開數據庫，創建表，添加數據，更新數據，刪除數據，刪除表 。
1.創建數據量students
//參數分別是：數據庫名 版本號（不用管），數據庫描述，設置數據大小，回調函數
var dataBase = openDatabase("student","1.0","學生表",1024*1024,function(){ });
//判斷是否創建成功
if(dataBase){
console.log('數據庫創建成功！');
}else{
console.log('數據庫創建失敗！');
}
2.創建數據表
//參數分別是：執行的sql語句，插入的數據,成功的回調函數，失敗的回調函數
dataBase.transaction(function(tx){
tx.executeSql("create table if not exists stu(id ERAL UNIQUE,name TEXT)",[],function(tx,result){
console.log("stu表創建成功");
},function(tx,error){
console.log("stu表創建失敗");
});
});
3.插入記錄
//向數據表插入5條記錄
dataBase.transaction(function(tx){
for(var i=0;i<5;i++){
tx.executeSql("insert into stu(id,name)values(?,?)",[i,"lisha"+i],function(tx,res){
console.log('插入記錄成功');
},function(tx,error){
console.log('插入記錄失敗');
});
}
});
4.查詢數據
dataBase.transaction(function(tx){
tx.executeSql("select * from stu",[],function(tx,result){
for(var i = 0; i < result.rows.length; i++){
document.write('<b>' + result.rows.item(i)['name'] + '</b><br />');
}
},function(tx,error){
console.log('查詢失敗');
});
});
5.更新數據
dataBase.transaction(function(tx){
tx.executeSql("update stu set name = ? where id = 1",["黃超蘭"],function(tx,result){
console.log('更新成功');
},function(tx,error){
console.log('更新失敗');
});
});
6.刪除記錄數據
dataBase.transaction(function(tx){
tx.executeSql("delete from stu where id = ?",[3],function(tx,result){
console.log('刪除成功');
},function(tx,error){
console.log('刪除失敗');
});
});
7.刪除表，注意：沒有回調函數哦
dataBase.transaction(function(tx){
tx.executeSql("drop table stu") ;
});
總結：本地數據庫Web SQL DataBase的操作并不難，具體使用根據業務需求靈活運用以上知識點即可了！當然也要考慮到其兼容性問題。
總結
以上是生活随笔為你收集整理的HTML5 API详解（17）:Web SQL DataBase本地数据库的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【笔记】基于Faster R-CNN的除
- 下一篇： idea新建springboot后端到前