Использование JavaScript на странице HTML5 для подключения к базе данных SQLite

Question

Я пытаюсь сделать простую игру в слова, которая имеет базу данных слов (которая предварительно загружена или может быть загружена пользователем), которую можно обновить через веб-сайт.Я нашел этот пример и получил его на работу.Тем не менее, это не будет работать, если у меня есть существующая база данных.Я новичок в этом типе программирования, поэтому я занимаюсь исследованиями уже 2 дня.

var db = openDatabase('db.sqlite', '1.0', 'Test DB', 2 * 1024 * 1024);
var msg;
/*
db.transaction(function (tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS vocabList(id unique, word, definition, weekNO)');
msg = '<p>Log message created and row inserted.</p>';
document.querySelector('#status').innerHTML =  msg;
});
*/ 

Я прокомментировал это, чтобы предотвратить создание базы данных (разве я этого не делал?)

db.transaction(function(tx) {
    tx.executeSql('SELECT * FROM vocabList WHERE weekNO = 1', [], function(tx, results) {
        var len = results.rows.length,
            i;
        msg = "<p>Found rows: " + len + "</p>";
        document.querySelector('#status').innerHTML += msg;
        for (i = 0; i < len; i++) {
            msg = "<p><b>" + results.rows.item(i).word + "</b></p>";
            document.querySelector('#status').innerHTML += msg;
        }
    }, null);
});

Если есть другой, более эффективный способ сделать это, пожалуйста, укажите мне правильное направление.

Answer 1

База данных, к которой вы создаете / подключаетесь, является клиентской базой данных .Если вы хотите подключиться к базе данных back-end , вам следует использовать язык сервера, такой как php.

. Вы можете использовать ajax с этим, чтобы подключиться к вашемубазы данных и выполнить ваши запросы.

Answer 2

Я не совсем уверен, с чем у тебя проблемы. Но в своем коде вы закомментировали ту часть, где он проверяет, была ли создана таблица. Из этого закомментированного кода также не вставляются строки, поэтому это пустая база данных.

Я изменил ваш код здесь: http://jsfiddle.net/Ae8m2/

Я раскомментировал вашу часть создания и добавил пару строк.