h5本地數(shù)據(jù)庫的示例分析-創(chuàng)新互聯(lián)

這篇文章主要為大家展示了“h5本地數(shù)據(jù)庫的示例分析”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“h5本地數(shù)據(jù)庫的示例分析”這篇文章吧。

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比源匯網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式源匯網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋源匯地區(qū)。費用合理售后完善，10多年實體公司更值得信賴。

HTML5中，為了減輕服務器的負擔和提高Web應用程序性能，將原本必須要保存在服務器上的數(shù)據(jù)轉為保存在客戶端本地?？梢韵裨L問本地文件那樣輕松地對內置數(shù)據(jù)庫進行直接訪問。HTML5中內置了兩種本地數(shù)據(jù)庫，一種為SQLLite，一種為indexedDB。這次簡單的簡單的介紹下SQLLite。

在寫這篇文章時，查詢了下  Web SQL Database（SQLLite），很不幸看到了這個

官網(wǎng)截圖

大概意思是 ：此規(guī)范不再處于主動維護中，Web應用程序工作組不打算繼續(xù)維護。

SQLLite核心的方法有3個

1. openDatabase：這個方法用于創(chuàng)建數(shù)據(jù)庫對象并返回實例

2. transaction：這個方法用于控制事務提交或回滾

3. executeSql：這個方法用于執(zhí)行SQL 查詢(SQLLite 可以用sql來來執(zhí)行增刪改查)

openDatabase

例如，想要創(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&executeSql

transaction方法用以處理事務，當一條語句執(zhí)行失敗的時候，回滾整個事物。
executeSql方法用以執(zhí)行SQL語句，返回結果。

請看代碼

//打開一個事物,傳入一個包含事務內容的一個方法
//在事物中使用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í)行成功回調函數(shù)（該參數(shù)可選傳與不傳）
        }, function(error) {
        //執(zhí)行失敗回調函數(shù)（該參數(shù)可選傳與不傳）
        }),
        //在表中插入一條數(shù)據(jù)
        tx.executeSql("INSERT INTO message VALUES(?,?,?)", ["zhong", "web sql database", ''2017 ']);
        })

執(zhí)行以上代碼在chrome控制臺中查看

執(zhí)行結果

成功插入一條數(shù)據(jù)?。?！

我們再來查詢一下這條數(shù)據(jù)

db.transaction(function(tx) {
    tx.executeSql("SELECT * FROM message", [], function(tx, rs) {
           //執(zhí)行成功回調函數(shù)，返回執(zhí)行結果  rs ,我們將 rs 循環(huán)
            for (var i = 0; i < rs.rows.length; i++) {
               //打印出查詢的結果
                console.log(rs.rows.item(i))
            }
        },
        function(eror) {})
})

在chrome控制臺中查看

以上是“h5本地數(shù)據(jù)庫的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

分享標題：h5本地數(shù)據(jù)庫的示例分析-創(chuàng)新互聯(lián)
地址分享：http://muchs.cn/article12/cosigc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、App設計、面包屑導航、App開發(fā)、ChatGPT、服務器托管

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)