怎样使用HTML5中的Web SQL DataBase本地数据库增删改查

首先来看看怎样创建数据库：

1、创建数据库

var db = window.openDatabase("mydata", "1.0","数据库描述",20000)

//window.openDatabase("数据库名字", "版本","数据库描述",数据库大小)

if(db)

alert("新建数据库成功！")

2、怎样连接数据库

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 = 0i <result.rows.lengthi++){

document.write('<b>' + result.rows.item(i)['mytitle'] + '</b><br />')

}

}, function(){

alert("error")

})

})

删除表：

db.transaction(function(tx) {

tx.executeSql("DROP TABLE test")

})

此时上传页应该是你主页 通过 window.open 打开的吧？如果是的话就好办了，如果不是的话，建议用window.open 这个方式打开。

在你上传页面通过 ajax 上传你的数据之后，需要后端给你返回 这次上传的数据，

然后你通过在上传页中 执行 window.opener 这个属性，拿到主页的window 对象，然后就可以根据后端给你返回的数据生成 对应的 dom 字符串，追加到 列表里面去，希望能看懂，看不懂的话，我也没办法重头教你前端了，毕竟前端培训收费可不低哦。加油吧，哈利路亚

你是说这个嘛？？

查询语句 "select 字段名称 from Products where 查询条件"

修改语句 "update Products set 字段名称=？？ where 修改条件"

删除语句 "delete from Products where 删除条件"

---