html5 展示查询数据,查询数据 - SELECT《 HTML5:Web SQL 》

查询数据表里的数据,可以使用 SELECT … 它的后面是要选择的数据栏 … FROM 关键词的后面可以指定 数据栏 所属的数据表 … 在 WHERE 的后面可以指定条件 ….

这里我们还是用之前创建的数据库还有数据表演示一下 SELECT 的用法 …

打开数据库 … 输入 SELECT … 比如想要选择 user 表里,name 这栏的内容 … 可以输入 SELECT name FROM user …

在返回的结果里面,只会显示 user 表里的 name 这栏的所有内容 … 如果还想显示其它栏的内容 .. 可以在 SELECT 的后面指定一下 ..

SELECT name, age FROM user ;

这样会显示 user 表的 name 还有 age 栏的内容 …. 在 SELECT 后面使用一个 * 号 … 表示全部的栏 …

SELECT * FROM user ;

这条命令会显示 user 表里的所有栏的内容 .

WHERE

在 WHERE 的后面,我们可以去指定条件 … SELECT * FROM user WHERE id = 1;

会显示 user 表里面 id 栏里的内容是 1 的内容 …

在条件里面,我们也可以使用 大于,小于,大于等于,或者小于等于 .. 比如想要显示年龄大于 26 岁的所有用户 … SELECT * FROM user WHERE age > 26;

找到年龄大于等于 26 岁的用户 .. SELECT * FROM user WHERE age > 26;

AND ,OR

要指定多个条件,不同的条件之间可以用一个 AND 或者 OR 来连接 … AND 表示与,也就是满足所有使用 AND 连接的条件的数据才会被选择 …

<
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可能是因为你的代码中没有正确地调用websql并没有正确地处理数据库中的数据。以下是一个简单的示例代码,可以帮助你了解如何使用websql数据库中获取数据并在HTML页面中显示: ```html <!DOCTYPE html> <html> <head> <title>Websql Demo</title> <script> // 打开数据库 var db = openDatabase('mydb', '1.0', 'My Database', 2 * 1024 * 1024); // 创建表 db.transaction(function(tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS names (id unique, name)'); }); // 插入数据 db.transaction(function(tx) { tx.executeSql('INSERT INTO names (id, name) VALUES (?, ?)', [1, 'Alice']); tx.executeSql('INSERT INTO names (id, name) VALUES (?, ?)', [2, 'Bob']); }); // 从数据库中获取数据并在HTML页面中显示 db.transaction(function(tx) { tx.executeSql('SELECT * FROM names', [], function(tx, results) { var len = results.rows.length; for (var i = 0; i < len; i++) { var id = results.rows.item(i).id; var name = results.rows.item(i).name; document.getElementById('names').innerHTML += '<li>' + id + ': ' + name + '</li>'; } }); }); </script> </head> <body> <h1>Names:</h1> <ul id="names"></ul> </body> </html> ``` 这段代码会创建一个名为“mydb”的数据库,然后在其中创建一个名为“names”的表,并向表中插入两条记录。最后,它会从数据库中获取所有记录,并在页面中以列表的形式显示出来。 请确保你已经正确地引入了websql的脚本文件,并且在使用websql时遵循了相关的API文档。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值