html5 本地数据库-Web SQL Database
来源:互联网 发布:张家口seo培训 编辑:程序博客网 时间:2024/06/05 05:05
转自 : http://www.html5china.com/HTML5features/WebSQLDatabases/20110926_2032.html
html5增加新的特性,那就是增加了本地存储!改善用户体验,或许html5会带着我们走进新的互联网时代。
下面看看怎样操作web 数据库吧!!首先新建数据库!
var db = window.openDatabase("mydata", "1.0","数据库描述",20000);
//window.openDatabase("数据库名字", "版本","数据库描述",数据库大小);
if(db)
alert("新建数据库成功!");
这里只是粗略的讲一讲,如果想看详细的说明可以参考其他的教程,也请见谅了!
怎样操作数据库呢?
db.transaction(function(tx) {
tx.executeSql("CREATE TABLE test (id int UNIQUE, mytitle TEXT, timestamp REAL)");
});
上面是新建数据表!本地数据库是通过db.transaction()函数来实现的,再看下面的代码吧!
插入记录:
db.transaction(function(tx) {
tx.executeSql("INSERT INTO test (mytitle, timestamp) values(?, ?)", ["WEB Database", new Date().getTime()], null, null);
});
更新记录:
db.transaction(function(tx) {
tx.executeSql("update test set mytitle=? where mytitle = 'fsafdsaf'",['xp'],null,null);
});
查询记录:
db.transaction(function(tx) {
tx.executeSql("SELECT * FROM test", [],
function(tx, result) {
for(var i = 0; i < result.rows.length; i++){
document.write('<b>' + result.rows.item(i)['mytitle'] + '</b><br />');
}
}, function(){
alert("error");
});
});
删除表:
db.transaction(function(tx) {
tx.executeSql("DROP TABLE test");
})
其实本地数据库无非就是几个借口而已,如果不了解sql语句的,可以参考其他网站的教程!
怎样查看数据库是否创建成功呢?google浏览里提供了很人性化的工具,看图片啦
- html5 本地数据库-Web SQL Database
- HTML5开发 Web SQL Database 本地数据库
- html5 本地数据库-Web SQL Database
- html5 本地数据库-Web SQL Database
- html5本地数据库 Web Sql Database
- html5 本地数据库-Web SQL Database操作类
- HTML5的Web SQL DataBase本地数据库增删改查
- HTML5 Web SQL Database 数据库
- HTML5 本地存储1--Web Storage和本地数据库Web SQL Database
- HTML5本地存储 -Web Sql Database 总结
- HTML5本地存储之Web SQL Database
- HTML5 Web SQL Database 数据库的使用方法
- HTML5开发学习:本地存储Web Sql Database
- HTML5中的本地存储sessionStorage、localStorage、Web SQL Database
- HTML5本地存储——Web SQL Database
- HTML5本地存储——Web SQL Database
- HTML5本地存储——Web SQL Database
- HTML5 Web SQL Database 对象本地持久化
- mysql学习(一)
- IPv6静态路由拓扑图分析
- uva 1559 - Nim(记忆化+博弈)
- myeclipse常用配置
- Ubuntu 12.04 LTS为例演示vsftpd虚拟用户 的配置
- html5 本地数据库-Web SQL Database
- 经典数据结构之最大堆
- LINUX的alias,unalias使用
- 关于android的4.2的0文件夹的详解
- Hadoop MapReduce工作原理
- 深入理解Java:内省(Introspector)
- Spring MVC 的请求参数获取的几种方法
- quartus时序分析文档理解与翻译(1)
- linux awk命令详解