JS 获取web sql 数据

最新推荐文章于 2022-07-10 15:46:07 发布

转载最新推荐文章于 2022-07-10 15:46:07 发布 · 643 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/nb08611033/p/8267999.html

文章标签：

#数据库 #javascript #ViewUI

本文介绍了一个使用JavaScript操作WebsQL数据库的具体实例，包括数据库的连接、SQL语句的构造及数据的读取过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var tbName="tableName";
var tdName=["id","th1","th2","th3"];
var strSQL="select * from "+tbName+" where id="+1;
//从web sql数据库获取数据;
function getWebSqlData(strSQL,tbName,tdName){
    db = openDB();
    if(db){
        db.transaction(function(tr) {
            tr.executeSql(strSQL,[],
                function(tr,re){
                    if(re.rows.length>0){
                        var arrTb=[];
                        //取得数据表每一行的数据
                        for(var intR=0;intR<re.rows.length;intR++){
                            //取得一行中每一项的数据
                            var intA=0;
                            var arrTd=[];
                            for(intA in tdName){
                                var tdValue=re.rows.item(intR)[tdName[intA]];
                                arrTd[intA]=tdValue;
                            }
                            arrTb[intR]=arrTd;
                        }
                    }else{
                        console.log(tbName+"表读取失败，数据表中无数据=>无法生成数据。");
                    }
                },
                //SQL语句出错时执行
                function(tr,er){
                    console.log("对"+tbName+"表执行失败，错误提示>"+er.message);
            });
        });
    }
}

//初始化
var db = null;
var dbName = "mydb"; //数据库名  
var version = "1.0"; //版本数据  
var description = "Test DB"; //描述  
var maxSize = 1024 * 1024 * 1024; //最大值
 
//打开or连接web sql数据库  
function openDB() {  
    try {  
        if (!db) {  
                db = openDatabase(dbName,version,description,maxSize);
                if(!db){
                    alert('你的浏览器不支持HTML web SQL本地数据库!');
                    return ;
                }
            }  
        } catch (e) {  
            db = null;  
        }
    return db;
}