介绍
这篇文章主要介绍了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 nullHTML5中WebSQL四种基本操作的示例