HTML5本地?cái)?shù)據(jù)庫(kù)基礎(chǔ)操作詳解

下面分別介紹本地?cái)?shù)據(jù)庫(kù)的各個(gè)API及其使用方法。
1、利用openDatabase創(chuàng)建數(shù)據(jù)庫(kù)
我們可以利用openDatabase方法創(chuàng)建數(shù)據(jù)庫(kù)。openDatabase方法傳遞五個(gè)參數(shù),分別是:數(shù)據(jù)庫(kù)名、數(shù)據(jù)庫(kù)版本號(hào)(可省略)、對(duì)數(shù)據(jù)庫(kù)的描述、設(shè)置分配的數(shù)據(jù)庫(kù)的大小、回調(diào)函數(shù)。
如果我們要?jiǎng)?chuàng)建一個(gè)本地?cái)?shù)據(jù)庫(kù),可以執(zhí)行如下代碼:
var myWebDatabase = openDatabase(“user”, ”1.0”, “user info”, 1024*1024, function(){});
這樣就創(chuàng)建了一個(gè)用戶信息表。之后可以對(duì)創(chuàng)建的本地?cái)?shù)據(jù)庫(kù)是否成功進(jìn)行驗(yàn)證:
- if(!dataBase){
- alert(“The database has been created successfully!”);
- }else{
- alert(“The database has not been successfully created.”)
- }if(!dataBase){
- alert(“The database has been created successfully!”);
- }else{
- alert(“The database has not been successfully created.”)
- }
2、利用executeSql方法執(zhí)行sql語(yǔ)句
使用executeSql方法,我們可以直接執(zhí)行正常的sql語(yǔ)句,如下:
context.executeSql(‘INSERT INTO testTable(id,name) VALUES (1,”Martin”)’);
當(dāng)然,這里只體現(xiàn)了executeSql的功能,并沒(méi)有確切說(shuō)明executeSql方法怎么用,用在哪里。要想使用該方法就必須介紹transaction。
3、利用transaction處理事務(wù)
該方法用來(lái)處理事務(wù),可以傳遞三個(gè)參數(shù):包含事務(wù)內(nèi)容的一個(gè)方法、執(zhí)行成功的回調(diào)函數(shù)、執(zhí)行失敗的回調(diào)函數(shù)(后兩者可以省略)。
結(jié)合transaction和executeSql,我們就可在我們之前創(chuàng)建的數(shù)據(jù)庫(kù)中添加創(chuàng)建數(shù)據(jù)表并添加數(shù)據(jù)了,代碼如下:
- myWebDatabase.transaction(function (context) {
- context.executeSql('CREATE TABLE IF NOT EXISTS testTable (id unique, name)');
- context.executeSql('INSERT INTO testTable (id, name) VALUES (0, "Byron")');
- context.executeSql('INSERT INTO testTable (id, name) VALUES (1, "Casper")');
- context.executeSql('INSERT INTO testTable (id, name) VALUES (2, "Frank")');
- });
sql語(yǔ)句的含義不多解釋,但從這里已經(jīng)可以很明白的看出如何在本地?cái)?shù)據(jù)庫(kù)中,想在一般數(shù)據(jù)庫(kù)中一樣創(chuàng)建數(shù)據(jù)庫(kù)數(shù)據(jù)表并添加數(shù)據(jù)了。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助。
本文鏈接:http://blog.csdn.net/fareise/article/details/50786594
相關(guān)文章
- 這篇文章主要介紹了Html5 web本地存儲(chǔ)實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-07-28
- 這篇文章主要為大家詳細(xì)介紹了HTML5本地存儲(chǔ)之Web Storage的相關(guān)資料,Web Storage如何用JSON存儲(chǔ)多個(gè)數(shù)據(jù),感興趣的小伙伴們可以參考一下2016-07-04
HTML5 本地存儲(chǔ) LocalStorage詳解
下面小編就為大家?guī)?lái)一篇HTML5 本地存儲(chǔ) LocalStorage詳解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-24- 這篇文章主要介紹了HTML5本地存儲(chǔ)功能運(yùn)用技巧,通過(guò)實(shí)例可以加深對(duì)HTML5本地存儲(chǔ)的理解,熟練應(yīng)用,感興趣的小伙伴們可以參考一下2016-03-02
- 這篇文章主要和大家聊一聊HTML5本地存儲(chǔ)技術(shù),本地緩存是HTML5出現(xiàn)的新技術(shù),所以我們更應(yīng)該掌握本地存儲(chǔ)技術(shù),感興趣的小伙伴們可以參考一下2016-03-02
解析HTML5中的新功能本地存儲(chǔ)localStorage
這篇文章主要介紹了HTML5中的新功能本地存儲(chǔ)localStorage,介紹了localStorage的本地存儲(chǔ)位置和幾個(gè)常用方法,需要的朋友可以參考下2016-03-01html5本地存儲(chǔ)之localstorage 、本地?cái)?shù)據(jù)庫(kù)、sessionStorage簡(jiǎn)單使用示
這篇文章主要介紹了html5本地存儲(chǔ)的localstorage 、本地?cái)?shù)據(jù)庫(kù)、sessionStorage簡(jiǎn)單使用示例,需要的朋友可以參考下2014-05-08HTML5本地存儲(chǔ)localStorage、sessionStorage基本用法、遍歷操作、異常
這篇文章主要介紹了HTML5本地存儲(chǔ)localStorage、sessionStorage基本用法、遍歷操作、異常處理等,需要的朋友可以參考下2014-05-08HTML5教程之html 5 本地?cái)?shù)據(jù)庫(kù)(Web Sql Database)
HTML5的Web SQL Databases(html5 本地?cái)?shù)據(jù)庫(kù))的確很唬人,當(dāng)你發(fā)現(xiàn)可以用與mysql查詢一樣的查詢語(yǔ)句來(lái)操作本地?cái)?shù)據(jù)庫(kù)時(shí),你會(huì)發(fā)現(xiàn)這東西挺有趣的,今天,我們一起來(lái)了解HT2014-04-03