码迷,mamicode.com
首页 > 数据库 > 详细

webSQL的基本操作

时间:2017-08-03 01:09:05      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:exe   erro   ebs   1.0   表示   message   html5   ons   nbsp   

1.html5以来,数据的前端存储已经有了很大进步。这里简单些一下webSQL的基本用法。代码如下:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>web sql</title>
 6     </head>
 7     <body>
 8         
 9         <script>
10             var db = window.openDatabase("myData","1.0","我的数据库","20000");  //参数分别是,数据库名,版本号,描述信息,大小
11             if(db){
12                 alert("数据库已经创建")
13             }
14             db.transaction(function(tx){
15                 tx.executeSql("create TABLE test(id int unique,age int)")
16             });
17 
18             //插入
19             db.transaction(function(tx){
20                 tx.executeSql("insert into test(id,age) values(?,?)",["HTML5",20])
21             });
22             db.transaction(function(tx){
23                 tx.executeSql("insert into test(id,age) values(?,?)",["javascript",18])
24             });
25             //查询
26             db.transaction(function(tx){
27                 tx.executeSql("select * from  test",[],function(tx,rs){
28                     for(var i = 0;i<rs.rows.length;i++){
29                         document.write(""+(i+1)+"个数据:" +rs.rows.item(i)["id"]+"<br><br>");
30                         //取到的数据是item,中括号字段表示取那个字段的数据。
31                     }
32                 },function(err){
33                     console.log("Err",err)
34                 })
35             });
36 
37             
38             //删除
39             db.transaction(function(tx) {
40                  tx.executeSql("delete from test where id=?", ["HTML5"], function(tx, result) {
41                        document.write("删除了id = "+"HTML5"+" 的数据"+"<br><br>");
42                     }, function(tx, error) {
43                         log("错误:" + error.Message);
44                     });
45             })
46             
47             
48                 //再次查询
49             db.transaction(function(tx){
50                 tx.executeSql("select * from  test",[],function(tx,rs){
51                     for(var i = 0;i<rs.rows.length;i++){
52                         document.write(""+(i+1)+"个数据:" +rs.rows.item(i)["id"]+"<br><br>");
53                         //取到的数据是item,中括号字段表示取那个字段的数据。
54                     }
55                 },function(err){
56                     console.log("Err",err)
57                 })
58             });
59         </script>
60     </body>
61 </html>

 

webSQL的基本操作

标签:exe   erro   ebs   1.0   表示   message   html5   ons   nbsp   

原文地址:http://www.cnblogs.com/chengyunshen/p/7277209.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!