我正在尝试了解 openDatabase，并且我想我正在将其插入到 TABLE1，但我无法验证 SELECT * FROM TABLE1 是否正常工作。
<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>
你已经快到了，只有两件事：
- 如果你想使用SQL语句回调，你应该提供给executeSql http://www.w3.org/TR/offline-webapps/#sql方法参数数组参数，即使您的查询不需要任何参数。
- 您应该在循环中显示一个字段，
result.rows.item(i)是一个包含属性作为表字段的对象。
您的选择将像这样工作：
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);
});
检查你的例子here http://jsbin.com/ajapo3/3.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
