使用基本HTML和JavaScript的WebSQL CRUD函數

Question

我在這里有一個示例數據庫，該數據庫需要CRUD函數才能從UI，WebSQL添加更多數據，而且我似乎找不到解決方法，有人可以幫忙嗎？ 用戶應該能夠保存和創建，讀取，更新和刪除其輸入數據。

e

<!DOCTYPE html>
<html>
<head>
    <title>Contact Example</title>

    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
    <script type="text/javascript" charset="utf-8">
            var db = window.openDatabase("Database", "1.0", "PhoneGap Demo", 200000);
            db.transaction(populateDB, errorCB, successCB);

        // Populate the database
        //
        function populateDB(tx) {
            tx.executeSql('DROP TABLE IF EXISTS DEMO');
            tx.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id unique, data)');
            tx.executeSql('INSERT INTO DEMO (id, data) VALUES (1, "First row")');
            tx.executeSql('INSERT INTO DEMO (id, data) VALUES (2, "Second row")');
        }

        // Transaction error callback
        //
        function errorCB(err) {
            alert("Error processing SQL: "+err);
        }

        // Transaction success callback
        //
        function successCB() {
            alert("Database created, and polated");
        }

    </script>
</head>
<body>
<h1>Example</h1>
<p>SQLTransaction</p>
</body>
</html>

Answer 1

Websql本質上是CRUD。 如果您不了解SQL，則需要學習它。 有一個工具websql.js可以將調用包裝在promises中，以獲得更好的語法，但是仍然非常使用SQL。

Answer 2

將db-logic直接放置在客戶端的html中並不安全，因為任何人都可以通過查看源代碼來查看它。 考慮使用任何服務器端腳本（PHP，ASP.NET）。

使用基本HTML和JavaScript的WebSQL CRUD函數

問題描述

2 個解決方案

解決方案1
0 2014-10-05 20:55:05

解決方案2
0 2012-02-21 22:57:59

使用基本HTML和JavaScript的WebSQL CRUD函數

問題描述

2 個解決方案

解決方案1 0 2014-10-05 20:55:05

解決方案2 0 2012-02-21 22:57:59

解決方案1
0 2014-10-05 20:55:05

解決方案2
0 2012-02-21 22:57:59