建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要為大家展示了“h5本地數(shù)據(jù)庫的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學習一下“h5本地數(shù)據(jù)庫的示例分析”這篇文章吧。
成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比源匯網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式源匯網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋源匯地區(qū)。費用合理售后完善，10多年實體公司更值得信賴。HTML5中，為了減輕服務(wù)器的負擔和提高Web應(yīng)用程序性能，將原本必須要保存在服務(wù)器上的數(shù)據(jù)轉(zhuǎn)為保存在客戶端本地?？梢韵裨L問本地文件那樣輕松地對內(nèi)置數(shù)據(jù)庫進行直接訪問。HTML5中內(nèi)置了兩種本地數(shù)據(jù)庫，一種為SQLLite，一種為indexedDB。這次簡單的簡單的介紹下SQLLite。
在寫這篇文章時，查詢了下 Web SQL Database（SQLLite），很不幸看到了這個
官網(wǎng)截圖
大概意思是 ：此規(guī)范不再處于主動維護中，Web應(yīng)用程序工作組不打算繼續(xù)維護。
SQLLite核心的方法有3個
openDatabase：這個方法用于創(chuàng)建數(shù)據(jù)庫對象并返回實例
transaction：這個方法用于控制事務(wù)提交或回滾
executeSql：這個方法用于執(zhí)行SQL 查詢(SQLLite 可以用sql來來執(zhí)行增刪改查)
例如，想要創(chuàng)建數(shù)據(jù)庫
//參數(shù)意義依次為 數(shù)據(jù)庫名字，版本，數(shù)據(jù)庫描述，數(shù)據(jù)庫大小
var db = openDatabase("myData", "1.0", "MyDataBase", 1024 * 100);這樣就可以創(chuàng)建一個本地的Web SQL Database ,返回值 “db” 為這個數(shù)據(jù)庫的實例。
transaction&executeSqltransaction方法用以處理事務(wù)，當一條語句執(zhí)行失敗的時候，回滾整個事物。
executeSql方法用以執(zhí)行SQL語句，返回結(jié)果。
請看代碼
//打開一個事物,傳入一個包含事務(wù)內(nèi)容的一個方法
//在事物中使用executeSql執(zhí)行sql創(chuàng)建一張表
db.transaction(function(tx) {
tx.executeSql("CREATE TABLE IF NOT EXISTS message(name TEXT,content TEXT,time TET)", [],
function() {
//執(zhí)行成功回調(diào)函數(shù)（該參數(shù)可選傳與不傳）
}, function(error) {
//執(zhí)行失敗回調(diào)函數(shù)（該參數(shù)可選傳與不傳）
}),
//在表中插入一條數(shù)據(jù)
tx.executeSql("INSERT INTO message VALUES(?,?,?)", ["zhong", "web sql database", ''2017 ']);
})執(zhí)行以上代碼在chrome控制臺中查看
執(zhí)行結(jié)果
成功插入一條數(shù)據(jù)！?。?/p>
我們再來查詢一下這條數(shù)據(jù)
db.transaction(function(tx) {
tx.executeSql("SELECT * FROM message", [], function(tx, rs) {
//執(zhí)行成功回調(diào)函數(shù)，返回執(zhí)行結(jié)果 rs ,我們將 rs 循環(huán)
for (var i = 0; i < rs.rows.length; i++) {
//打印出查詢的結(jié)果
console.log(rs.rows.item(i))
}
},
function(eror) {})
})在chrome控制臺中查看
以上是“h5本地數(shù)據(jù)庫的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！
網(wǎng)站欄目：h5本地數(shù)據(jù)庫的示例分析-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://www.dlmjj.cn/article/cosigc.html
