超碰97资源站,大黑人交xxxx

首頁

web前端

H5教程

Web SQL數據庫的使用教程

PHP中文網

Jun 21, 2017 pm 01:19 PM

h5 web 數據庫

Web SQL數據庫API并不是HTML5規(guī)范的一部分，但是它是一個獨立的規(guī)范，引入了一組使用SQL操作客戶端數據庫的API。

核心方法

　　openDatabase-使用現有的數據庫或者新建的數據庫創(chuàng)建一個數據庫對象

　　transaction-能夠控制一個事物，以及基于這種情況執(zhí)行提交或者回滾

　　executeSql-執(zhí)行實際的SQL語句

打開數據庫

//用openDatabase()方法打開已存在的數據庫，如果數據庫不存在，則會創(chuàng)建一個新的數據庫var?db?=?openDatabase('mydb',?'1.0',?'Test?DB',?2?*?1024?*?1024);

openDatabase() 方法對應的五個參數說明：

數據庫名稱
版本號
描述文本
數據庫大?。ㄗ止?jié)）
創(chuàng)建回調（可選）

第五個參數，創(chuàng)建回調會在創(chuàng)建數據庫后被調用。

創(chuàng)建表

var?db?=?openDatabase('mydb',?'1.0',?'Test?DB',?2?*?1024?*?1024);
db.transaction(function?(tx)?{??
???tx.executeSql('CREATE?TABLE?IF?NOT?EXISTS?LOGS?(id?unique,?log)');
});

插入數據

var?db?=?openDatabase('mydb',?'1.0',?'Test?DB',?2?*?1024?*?1024);
db.transaction(function?(tx)?{
???tx.executeSql('CREATE?TABLE?IF?NOT?EXISTS?LOGS?(id?unique,?log)');
???tx.executeSql('INSERT?INTO?LOGS?(id,?log)?VALUES?(1,?"博客園")');
???tx.executeSql('INSERT?INTO?LOGS?(id,?log)?VALUES?(2,?"www.cnblogs.com")');
});

也可以使用動態(tài)值插入數據

?db?=?openDatabase(,?,?,??*??*

讀取數據

var?db?=?openDatabase('mydb',?'1.0',?'Test?DB',?2?*?1024?*?1024);
?
db.transaction(function?(tx)?{
???tx.executeSql('CREATE?TABLE?IF?NOT?EXISTS?LOGS?(id?unique,?log)');
???tx.executeSql('INSERT?INTO?LOGS?(id,?log)?VALUES?(1,?"博客園")');
???tx.executeSql('INSERT?INTO?LOGS?(id,?log)?VALUES?(2,?"www.cnblogs.com")');
});
?
db.transaction(function?(tx)?{
???tx.executeSql('SELECT?*?FROM?LOGS',?[],?function?(tx,?results)?{??????var?len?=?results.rows.length;
??????msg?=?"<p>查詢記錄條數:?"?+?len?+?"</p>";
??????document.querySelector('#status').innerHTML?+=??msg;????
??????for?(i?=?0;?i?<?len;?i++){
??????????msg?=?"<p><b>"?+?results.rows[i].log?+?"</b></p>";
??????}
????
???},?null);
});

刪除記錄

db.transaction(function?(tx)?{
????tx.executeSql('DELETE?FROM?LOGS??WHERE?id=1');
});

刪除數據也可以是動態(tài)的

db.transaction(function(tx)?{
????tx.executeSql('DELETE?FROM?LOGS?WHERE?id=?',?[id]);
});

更新記錄

tx.executeSql("UPDATE?CC?SET?logname='www.baidu.com'?WHERE?id=2");

更新數據也可以是動態(tài)的

tx.executeSql("UPDATE?CC?SET?logname='www.baidu.com'?WHERE?id=?",?[id]);

注意：刪除和修改不可以和建表語句放一個executeSql里，最好都分開寫

以下是建好的數據庫

以上是Web SQL數據庫的使用教程的詳細內容。更多信息請關注PHP中文網其他相關文章！

本站聲明

本文內容由網友自發(fā)貢獻，版權歸原作者所有，本站不承擔相應法律責任。如您發(fā)現有涉嫌抄襲侵權的內容，請聯系admin@php.cn

熱AI工具

熱工具

熱門話題

gmail郵箱登陸入口在哪里

8639

Java教程

1784

CakePHP 教程

1729

Laravel 教程

1581

PHP教程

1445

Related knowledge

iOS 18 新增'已恢復”相冊功能可找回丟失或損壞的照片 Jul 18, 2024 am 05:48 AM

蘋果公司最新發(fā)布的iOS18、iPadOS18以及macOSSequoia系統為Photos應用增添了一項重要功能，旨在幫助用戶輕松恢復因各種原因丟失或損壞的照片和視頻。這項新功能在Photos應用的"工具"部分引入了一個名為"已恢復"的相冊，當用戶設備中存在未納入其照片庫的圖片或視頻時，該相冊將自動顯示。"已恢復"相冊的出現為因數據庫損壞、相機應用未正確保存至照片庫或第三方應用管理照片庫時照片和視頻丟失提供了解決方案。用戶只需簡單幾步

mysql：簡單的概念，用于輕松學習 Apr 10, 2025 am 09:29 AM

MySQL是一個開源的關系型數據庫管理系統。1）創(chuàng)建數據庫和表：使用CREATEDATABASE和CREATETABLE命令。2）基本操作：INSERT、UPDATE、DELETE和SELECT。3）高級操作：JOIN、子查詢和事務處理。4）調試技巧：檢查語法、數據類型和權限。5）優(yōu)化建議：使用索引、避免SELECT*和使用事務。

H5指的是什么？探索上下文 Apr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

H5：網絡標準和技術的發(fā)展 Apr 15, 2025 am 12:12 AM

Web標準和技術從HTML4、CSS2和簡單的JavaScript演變至今，經歷了顯著的發(fā)展。 1)HTML5引入了Canvas、WebStorage等API，增強了Web應用的復雜性和互動性。 2)CSS3增加了動畫和過渡功能，使頁面效果更加豐富。 3)JavaScript通過Node.js和ES6的現代化語法，如箭頭函數和類，提升了開發(fā)效率和代碼可讀性，這些變化推動了Web應用的性能優(yōu)化和最佳實踐的發(fā)展。

甲骨文在商業(yè)世界中的作用 Apr 23, 2025 am 12:01 AM

Oracle不僅是數據庫公司，還是云計算和ERP系統的領導者。1.Oracle提供從數據庫到云服務和ERP系統的全面解決方案。2.OracleCloud挑戰(zhàn)AWS和Azure，提供IaaS、PaaS和SaaS服務。3.Oracle的ERP系統如E-BusinessSuite和FusionApplications幫助企業(yè)優(yōu)化運營。

MySQL：世界上最受歡迎的數據庫的簡介 Apr 12, 2025 am 12:18 AM

MySQL是一種開源的關系型數據庫管理系統，主要用于快速、可靠地存儲和檢索數據。其工作原理包括客戶端請求、查詢解析、執(zhí)行查詢和返回結果。使用示例包括創(chuàng)建表、插入和查詢數據，以及高級功能如JOIN操作。常見錯誤涉及SQL語法、數據類型和權限問題，優(yōu)化建議包括使用索引、優(yōu)化查詢和分表分區(qū)。