websql使用实例
2016-06-24 10:05
399 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>websql应用</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script> </head> <body> <input type="text" id="title" /> <textarea name="context" id="context" cols="20" rows="8"></textarea> <input type="button" value="保存" onclick="save()" /> <input type="button" value="查看" onclick="chakan()" /> <ol id="chakan"> 123 </ol> </body> <script> var dbsize=2*1024*1024; db=openDatabase("todo","","",dbsize); db.transaction(function(tx){ tx.executeSql("CREATE TABLE IF NOT EXISTS notes (id integer PRIMARY KEY,title char(50),inputMemo text,last_date datetime)"); } ); function save(){ var title=$("#title").val(); var inputMemo=$("#context").val(); db.transaction(function(tx){ tx.executeSql("INSERT INTO notes (title,inputMemo,last_date) values(?,?,datetime('now','localtime'))",[title,inputMemo]); }); } function chakan(){ $("ol").empty(); var note=""; db.transaction(function(tx){ tx.executeSql("SELECT id,title,inputMemo,last_date FROM notes",[],function(tx,result){ if(result.rows.length>0){ for (var i = 0; i <result.rows.length; i++) { var item=result.rows.item(i); //console.log(item["inputMemo"]); note+="<li>"+"<h3>"+item["title"]+"</h3><p>"+item["inputMemo"]+"</p></li>"; } $("#chakan").append(note); }} ); }); } </script> </html>
相关文章推荐
- hive内部表、外部表
- SQL Server 2012 数据库数据导出为脚本
- 使用了数据库 发现总是崩溃 提示表找不到 或者字段不存在之类的
- ORACLE R12 Workflow Mailer设置
- ORACLE多表关联UPDATE
- SQL Server LightWeight Pooling(纤程) 选项
- SQL Server LightWeight Pooling(纤程) 选项
- Oracle 清理udump垃圾文件shell
- 超越之MongDB系列教程(五) Mongodb的修改器
- 超越之MongDB系列教程(四) Mongodb的基本操作(含插入与删除)
- oracle中视图
- redis安装
- 最新版Oracle Linux 6.8系统的安装
- mysql ssh 登陆
- ubuntu16.04下安装的mysql数据库问题
- mysql数据导入
- SQL Server高CPU使用故障排除
- SQL Server高CPU使用故障排除
- oracle中文显示为问号
- mysql删除重复记录