HTML5中WebSQL四种基本操作的示例

  介绍

这篇文章主要介绍了HTML5中WebSQL四种基本操作的示例,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

Web SQL数据库API是一个独立的规范,在浏览器层面提供了本地对结构化数据的存储,已经被很多现代浏览器支持了。

我们通过一个简单的例子来了解下如何使用Web SQL API在浏览器端创建数据库表并存储数据。

& lt; ! doctype  html>   & lt; html>   & lt; head>   ,,,& lt; script>   ,,,var 终结;   ,,,function  setupDB (), {   ,,,,,,,return  this.createDatabase()(不知道),然后insertEntry () (readEntry) (printResult);   ,,,}   ,,,function 不知道(),{   ,,,,,,,return  new 承诺(函数(解答,,拒绝),{   ,,,,,,,,,,,console.log (“prepare 用create 表…“,+,Date.now ());   ,,,,,,,,,,,this._db.transaction(函数(查询),{   ,,,,,,,,,,,,,,,query.executeSql (& # 39; create  table  if  not  exists 用户(id 独特,用户,密码)& # 39;);   ,,,,,,,,,,,});   ,,,,,,,,,,,setTimeout (_createTableOK.bind(,,解答),1000);   ,,,,,,,});   ,,,}   ,,,function  _createTableOK(解答),{   ,,,,,,,console.log (“table  created 成功…“,+,Date.now ());   ,,,,,,,急待();   ,,,}   ,,,function  createDatabase (), {   ,,,,,,,return  new 承诺(函数(解答,,拒绝),{   ,,,,,,,,,,console.log (“prepare 用create 数据库…“,+,Date.now ());   ,,,,,,,,,,,this._db =, openDatabase (& # 39; mydb # 39;,, & # 39; 1.0 & # 39;,, & # 39; JerryTestdb& # 39;,, 1024);   ,,,,,,,,,,,setTimeout (_createDatabaseOK.bind(,,解答),1000);   ,,,,,,,});   ,,,}   ,,,function  _createDatabaseOK(解答),{   ,,,,,,,console.log (“database  created 成功…“,+,Date.now ());   ,,,,,,,急待(this._db);   ,,,}   ,,,function  insertEntry (), {   ,,,,,,,return  new 承诺(函数(解决,,拒绝),{   ,,,,,,,,,,,this._db.transaction(函数(查询),{   ,,,,,,,,,,,,,,,query.executeSql (“insert  into  user  values (1) & # 39;杰瑞# 39;,& # 39;1234 & # 39;)“);   ,,,,,,,,,,,});   ,,,,,,,,,,,setTimeout (_insertEntryOK.bind(,,解决),1000);   ,,,,,,,});   ,,,}   ,,,function  _insertEntryOK(解决),{   ,,,,,,,console.log (“entry  inserted 用table 成功…“,+,Date.now ());   ,,,,,,,解决();   ,,,}   ,,,function  readEntry (), {   ,,,,,,,return  new 承诺(函数(解决,,拒绝),{   ,,,,,,,,,,,this._db.transaction(函数(查询),{   ,,,,,,,,,,,,,,,,,,,query.executeSql (& # 39; select  *,得到用户# 39;,,[],,函数(u,结果),{   ,,,,,,,,,,,,,,,,,,,,,,,setTimeout (_readEntryOK.bind(,,决心,,结果),,1000);   ,,,,,,,,,,,,,,,,,,,});,//,最终获得of  query.executeSql   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

HTML5中WebSQL四种基本操作的示例