OpenDatabase Bonjour tout le monde

StackOverflow https://stackoverflow.com/questions/2519844

Question

Je suis en train d'apprendre sur OpenDatabase, et je pense que je reçois à INSERT INTO table1, mais je ne peux pas vérifier que le SELECT * FROM Table1 fonctionne. 

<html>
<head>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1");
</script>
<script type="text/javascript">
var db;

$(function(){
    db = openDatabase('HelloWorld');

    db.transaction(
        function(transaction) {
            transaction.executeSql(
                'CREATE TABLE IF NOT EXISTS Table1 ' +
                '  (TableID INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, ' +
                '   Field1 TEXT NOT NULL );'
            );
        }
    );

    db.transaction(
        function(transaction) {
            transaction.executeSql(
                'SELECT * FROM Table1;',function (transaction, result) {
                    for (var i=0; i < result.rows.length; i++) {
            alert('1');
                        $('body').append(result.rows.item(i));
                    }
                }, 
                errorHandler
            );
        }
    );

    $('form').submit(function() {
        var xxx = $('#xxx').val();
        db.transaction(
            function(transaction) {
                transaction.executeSql(
                'INSERT INTO Table1 (Field1) VALUES (?);', [xxx], function(){
                    alert('Saved!');
                }, 
                errorHandler
                );
            }
        );
        return false;
    });
});

function errorHandler(transaction, error) {
    alert('Oops. Error was '+error.message+' (Code '+error.code+')');
    transaction.executeSql('INSERT INTO errors (code, message) VALUES (?, ?);', 
    [error.code, error.message]);
    return false;
}
</script>
</head>
<body>
<form method="post">
    <input name="xxx" id="xxx" />
    <p>
    <input type="submit" name="OK" />
    </p>
    <a href="http://www.google.com">Cancel</a>
</form>
</body>
</html>
Était-ce utile?

La solution

Vous y êtes presque, il n'y a que deux choses:

  1. si vous souhaitez utiliser la fonction de rappel de l'instruction SQL, vous devez fournir au executeSql méthode les paramètres argument de tableau, même si votre requête n'a pas besoin de param.
  2. Vous devriez obtenir un champ pour montrer dans votre boucle, result.rows.item(i) est un objet qui contient des propriétés que vos champs de la table.

Votre sélection fonctionne comme ceci: 

db.transaction(function(transaction) {
  transaction.executeSql('SELECT * FROM Table1',[], function (trx, result) {
    for (var i=0; i < result.rows.length; i++) {
      $('body').append(result.rows.item(i).Field1); // <-- getting Field1 value
    }
  }, errorHandler);
});

Vérifiez votre exemple .

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top