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

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