Websql 表初始化错误

Websql table init error

本文关键字：错误 初始化 Websql      更新时间：2023-09-26

我想用phonegap在web sql中初始化一些数据。

下面是我代码的一部分，当 init 表时，它总是进入错误回调。我没有找到原因。

您可以直接在浏览器中对其进行测试。

<!DOCTYPE HTML>
<html>
<head>
<title>Cordova</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8">
    var db = null;
    //document.addEventListener("deviceready", onDeviceReady, false);
    $(document).ready(function(){
        onDeviceReady();
    });

    function errorCB(tx, err) {
        alert("Error processing SQL: "+err);
    }
    function successCB() {
        console.log("success!");
    }
    function onDeviceReady() {
        var dBVersion = localStorage.getItem("db_version");
        if(dBVersion == null){
            db = initDB();
            //init table, set db_version to local storage
            db.transaction(initTable, errorCB, function(){localStorage.setItem("db_version","1.0");});
        }else{
            db = openDatabase('beauty', dBVersion, 'test offline database', 200000);
        }
    }
    function initDB(){
        var myDB = null;
        try { 
            if (!window.openDatabase) { 
              alert('db init failed'); 
            } else {
                var shortName = 'beauty'; 
                var version = '1.0'; 
                var displayName = 'test offline database'; 
                var maxSize = 200000; 
                myDB = openDatabase(shortName, version, displayName, maxSize);
          }
      } catch(e) { 
          console.log(e);
          if (e.name == "INVALID_STATE_ERR") { 
              console.log("Invalid database version.");
          } else { 
              alert("Unknown error "+e+"."); 
          } 
      } 
      return myDB; 
    }
    function initTable(tx){
        $.getJSON("data.json",function(data){
            tx.executeSql('CREATE TABLE IF NOT EXISTS images (id INTEGER PRIMARY KEY, url TEXT, tag TEXT, type TEXT,status TEXT, unlocktime INTEGER, favorite INTEGER, phase INTEGER,other TEXT)');
            for(var i=0; i<data.length; i++){
                tx.executeSql('insert into images values ('+ data[i].id +',"' + data[i].url +'","' + data[i].tag +'","'+ data[i].type +'","' + data[i].status + '",' +data[i].unlocktime+','+data[i].favorite+','+data[i].phase+',"'+ data[i].other +'");');
            }
            console.log("init ok!");
        });
    }

    </script>
</head>
<body>
    <input type="button" value="Get Image" onclick="test()" /> <br/>
</body>
</html>

json 文件就像

[
    {
        "id": 101001,
        "url": "img/1.jpg",
        "tag": "other",
        "type": "local",
        "status": "normal",
        "unlocktime": 0,
        "favorite": 0,
        "phase": 1,
        "other": ""
    },
    {
        "id": 101002,
        "url": "img/2.jpg",
        "tag": "other",
        "type": "local",
        "status": "normal",
        "unlocktime": 0,
        "favorite": 0,
        "phase": 1,
        "other": ""
    }
]

我使用经过Chrome测试。它提醒"处理 SQL 时出错：未定义"。请帮助找出问题所在。

我已经稍微更改了您的代码，它现在可以工作了。我已经在android 2.2和Chrome中进行了测试，它将数据存储在json文件中定义的表中。

在更改中，我从initTable()进行了数据库事务调用，而不是将initTable()作为回调调用，因为一旦方法调用完成并且您正在创建表并在回调中插入数据，事务对象就不可用。

    function onDeviceReady() {
        var dBVersion = localStorage.getItem("db_version");
        if(dBVersion == null){
            window.db = initDB();
            //init table, set db_version to local storage
            initTable();
        }else{
            window.db = openDatabase('beauty', dBVersion, 'test offline database', 200000);
        }
    }
    function initTable(){
            $.getJSON("data.json",function(data){
                db.transaction(function(tx){
                    tx.executeSql('CREATE TABLE IF NOT EXISTS images (id INTEGER PRIMARY KEY, url TEXT, tag TEXT, type TEXT,status TEXT, unlocktime INTEGER, favorite INTEGER, phase INTEGER,other TEXT)');
                    for(var i=0; i<data.length; i++){
                        tx.executeSql('insert into images values ('+ data[i].id +',"' + data[i].url +'","' + data[i].tag +'","'+ data[i].type +'","' + data[i].status + '",' +data[i].unlocktime+','+data[i].favorite+','+data[i].phase+',"'+ data[i].other +'");');
                    }
                    console.log("init ok!");                
                }, errorCB, function(){localStorage.setItem("db_version","1.0");});
            });
        }

对于完整源代码 - https://gist.github.com/3055095

相关文章：