我有一个正在构建的Webapp,并且刚开始使用SQLite.我已经能够创建表单,打开我创建的数据库,创建表和所需的字段以及在字段中输入数据.现在,我尝试使用SELECT语句读回数据,以将其显示在屏幕上以及列的列表中.我只是不知...
我有一个正在构建的Webapp,并且刚开始使用SQLite.我已经能够创建表单,打开我创建的数据库,创建表和所需的字段以及在字段中输入数据.
现在,我尝试使用SELECT语句读回数据,以将其显示在屏幕上以及列的列表中.我只是不知道javascript或HTML5中的SELECT statemnt的语法
‘SELECT * FROM MyTable’…我知道可以做到的,只需要一些帮助就可以将结果显示在屏幕上.
我从这个开始.
var db = window.openDatabase('TabOrder', '', 'Bar Tab Orders', 2500000);
function insertDrinks(category, drinkname, our_cost, cust_cost){
db.transaction(function(tx){
tx.executeSql('INSERT INTO Drinks (category, drinkname, our_cost, cust_cost) VALUES (?, ?, ?, ?)', [category, drinkname, out_cost, cust_cost]);
});
}
$(document).ready(function() {
db.transaction(function(tx) {
tx.executeSql('CREATE TABLE IF NOT EXISTS Drinks(id INTEGER PRIMARY KEY Autonumber, category TEXT, drinkname TEXT, our_cost FLOAT(6,2), cust_cost FLOAT(7,2))', []);
});
});
我以后有这个.
View Cat / Drink List
function readDrinks(id, category, drinkname, our_cost, cust_cost){
db.transaction(function(tx) {
tx.executeSql('SELECT * FROM Drinks', [id, category, drinkname, our_cost, cust_cost]);
});
document.write(id, category + " are the categories.");
}
我只是试图将其拼凑在一起,除了基本的SQL之外,我一无所知.
非常感谢您的任何帮助…这是针对客户端DB,而不是连接到Web的用户.
谢谢….
解决方法:
请参阅the spec和此Apple tutorial.简而言之,您需要添加数据和错误回调.另外,您应该传递一个空数组(或null),因为查询没有参数.
db.transaction(function(tx) {
tx.executeSql('SELECT * FROM Drinks',
[],
function(tx, results)
{
// results is a http://dev.w3.org/html5/webdatabase/#sqlresultset .
// It has insertId, rowsAffected, and rows, which is
// essentially (not exactly) an array of arrays.
},
function(tx, error)
{
}
);
});
由您决定使用命名函数还是匿名函数.
编辑:我在http://jsfiddle.net/WcV6Y/7/进行了工作演示.已在Chrome 5.0.375.70中测试.
本文标题为:javascript-从sqlite数据库读取信息,语法?如何在html5 webapp中使用它?
基础教程推荐
- React+ajax+java实现上传图片并预览功能 2023-02-01
- SmartPlant3D VUE解析 2023-10-08
- 【vue】v-for倒序显示/JSON数据倒序 2023-10-08
- 关于javascript:添加图标到angular材质输入 2022-09-21
- VUE3(二十)VUE自定义指令v-preventReClick,防止多次点击,重复请求 2023-10-08
- JavaScript制作简单网页计算器 2022-10-22
- 「开源免费」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之动态表单设计器(五) 2023-10-08
- Linux 之 HTML 页面转图片软件:wkhtmltox 2023-10-25
- Ajax bootstrap美化网页并实现页面的加载删除与查看详情 2023-01-31
- WKHTML Windows PHP 2023-10-25