建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
HTML5本地存儲(chǔ)指南：Web SQL數(shù)據(jù)庫(kù)的使用
成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿(mǎn)足客戶(hù)于互聯(lián)網(wǎng)時(shí)代的弓長(zhǎng)嶺網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
什么是Web SQL數(shù)據(jù)庫(kù)？
Web SQL數(shù)據(jù)庫(kù)是一個(gè)在瀏覽器中運(yùn)行的輕量級(jí)關(guān)系型數(shù)據(jù)庫(kù)，它允許開(kāi)發(fā)者在客戶(hù)端存儲(chǔ)和管理數(shù)據(jù)，而無(wú)需將數(shù)據(jù)發(fā)送到服務(wù)器，Web SQL數(shù)據(jù)庫(kù)支持SQL語(yǔ)言，可以執(zhí)行基本的SQL查詢(xún)和操作。
如何使用Web SQL數(shù)據(jù)庫(kù)？
1、檢查瀏覽器是否支持Web SQL數(shù)據(jù)庫(kù)
2、創(chuàng)建數(shù)據(jù)庫(kù)
3、創(chuàng)建表
4、插入數(shù)據(jù)
5、查詢(xún)數(shù)據(jù)
6、更新數(shù)據(jù)
7、刪除數(shù)據(jù)
8、關(guān)閉數(shù)據(jù)庫(kù)連接
1. 檢查瀏覽器是否支持Web SQL數(shù)據(jù)庫(kù)
要使用Web SQL數(shù)據(jù)庫(kù)，首先需要檢查瀏覽器是否支持，以下代碼可以用來(lái)檢查瀏覽器是否支持Web SQL數(shù)據(jù)庫(kù)：
if (window.openDatabase) {
// 瀏覽器支持Web SQL數(shù)據(jù)庫(kù)
} else {
// 瀏覽器不支持Web SQL數(shù)據(jù)庫(kù)
}
2. 創(chuàng)建數(shù)據(jù)庫(kù)
要?jiǎng)?chuàng)建一個(gè)Web SQL數(shù)據(jù)庫(kù)，可以使用openDatabase()方法，以下代碼展示了如何創(chuàng)建一個(gè)名為myDatabase的數(shù)據(jù)庫(kù)：
var db = window.openDatabase("myDatabase", "1.0", "My Web SQL Database", 2 * 1024 * 1024);
3. 創(chuàng)建表
要?jiǎng)?chuàng)建一個(gè)表，可以使用transaction()方法創(chuàng)建一個(gè)事務(wù)，然后調(diào)用executeSql()方法執(zhí)行SQL語(yǔ)句，以下代碼展示了如何創(chuàng)建一個(gè)名為users的表：
db.transaction(function (tx) {
tx.executeSql("CREATE TABLE IF NOT EXISTS users (id INTEGER PRIMARY KEY, name TEXT, age INTEGER)");
});
4. 插入數(shù)據(jù)
要插入數(shù)據(jù)，可以使用transaction()方法創(chuàng)建一個(gè)事務(wù)，然后調(diào)用executeSql()方法執(zhí)行SQL語(yǔ)句，以下代碼展示了如何向users表中插入一條數(shù)據(jù)：
db.transaction(function (tx) {
tx.executeSql("INSERT INTO users (name, age) VALUES (?, ?)", ["張三", 25]);
});
5. 查詢(xún)數(shù)據(jù)
要查詢(xún)數(shù)據(jù)，可以使用transaction()方法創(chuàng)建一個(gè)事務(wù)，然后調(diào)用executeSql()方法執(zhí)行SQL語(yǔ)句，以下代碼展示了如何查詢(xún)users表中的所有數(shù)據(jù)：
db.transaction(function (tx) {
tx.executeSql("SELECT * FROM users", [], function (tx, results) {
var len = results.rows.length;
for (var i = 0; i < len; i++) {
console.log(results.rows.item(i).id + " " + results.rows.item(i).name + " " + results.rows.item(i).age);
}
});
});
6. 更新數(shù)據(jù)
要更新數(shù)據(jù)，可以使用transaction()方法創(chuàng)建一個(gè)事務(wù)，然后調(diào)用executeSql()方法執(zhí)行SQL語(yǔ)句，以下代碼展示了如何更新users表中的一條數(shù)據(jù)：
db.transaction(function (tx) {
tx.executeSql("UPDATE users SET age = ? WHERE id = ?", [30, 1]);
});
7. 刪除數(shù)據(jù)
要?jiǎng)h除數(shù)據(jù)，可以使用transaction()方法創(chuàng)建一個(gè)事務(wù)，然后調(diào)用executeSql()方法執(zhí)行SQL語(yǔ)句，以下代碼展示了如何刪除users表中的一條數(shù)據(jù)：
db.transaction(function (tx) {
tx.executeSql("DELETE FROM users WHERE id = ?", [1]);
});
8. 關(guān)閉數(shù)據(jù)庫(kù)連接
當(dāng)不再需要使用Web SQL數(shù)據(jù)庫(kù)時(shí)，應(yīng)該關(guān)閉數(shù)據(jù)庫(kù)連接以釋放資源，以下代碼展示了如何關(guān)閉數(shù)據(jù)庫(kù)連接：
db.close();
網(wǎng)站欄目：HTML5本地存儲(chǔ)指南：WebSQL數(shù)據(jù)庫(kù)的使用
文章起源：http://www.5511xx.com/article/codspij.html
