-1

mongo db、SQLite、またはサーバーデータベースに接続するその他の方法を使用するなど、JavaScriptを使用してサーバーデータベースを取得できる方法がいくつあるか知りたいです

4

2 に答える 2

3

クライアント側の Javascript について話している場合、方法はありません1。

データベースに接続するサーバー上で実行されているスクリプトに(おそらくAJAXまたはWebSocketsを使用して) メッセージを送信する必要があります。

1実は、HTML5 仕様でローカル SQLite エンジンにアクセスするためのWebDBがありましたが、非推奨になりました。

于 2012-04-30T10:39:59.250 に答える
0

次の方法を使用して、ブラウザーのサポートに基づいてローカルデータベースを使用した貴重な提案をすべてありがとう:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SQL Storage</title>
<body>
    <br />
    <br />
    <div align="center">
        <input type="hidden" id="id" /> First name:<input type="text"
            id="firstName" /><br /> Last name:<input type="text" id="lastName" /><br />
        Phone: <input type="text" id="phone" /><br />
        <button onClick="resetForm()">Reset Form</button>
        <button onClick="updateRecord()">Update</button>
        <button onClick="insertRecord()">Insert</button>
        <button onClick="dropTable()">Drop Table</button>
        <div id="results"></div>
    </div>
</body>

<script>
    var results = document.getElementById('results');
    var id = document.getElementById('id');
    var firstName = document.getElementById('firstName');
    var lastName = document.getElementById('lastName');
    var phone = document.getElementById('phone');

    var createStatement = "CREATE TABLE IF NOT EXISTS Contacts (id INTEGER PRIMARY KEY AUTOINCREMENT, firstName TEXT, lastName TEXT, phone TEXT)";
    var selectAllStatement = "SELECT * FROM Contacts";
    var insertStatement = "INSERT INTO Contacts (firstName, lastName, phone) VALUES (?, ?, ?)";
    var updateStatement = "UPDATE Contacts SET firstName = ?, lastName = ?, phone = ? WHERE id = ?";
    var deleteStatement = "DELETE FROM Contacts WHERE id=?";
    var dropStatement = "DROP TABLE Contacts";
    try {
        var db = openDatabase("AddressBook", "1.0", "Address Book", 200000);
    } catch (e) {
        alert(e)
    }
    var dataset;
    createTable();

    function onError(tx, error) {
        alert(error.message);
    }

    function showRecords() {
        results.innerHTML = '';
        db.transaction(function(tx) {
            tx.executeSql(selectAllStatement, [], function(tx, result) {
                dataset = result.rows;
                for ( var i = 0, item = null; i < dataset.length; i++) {
                    item = dataset.item(i);
                    results.innerHTML += '<li>' + item['lastName'] + ' , '
                    item['firstName'] + ' <a href="#"     onclick="loadRecord('
                            + i + ')">edit</a>  '
                            + '<a href="#" onclick="deleteRecord(' + item['id']
                            + ')">delete</a></li>';
                }
            });
        });
    }

    function createTable() {
        db.transaction(function(tx) {
            tx.executeSql(createStatement, [], showRecords, onError);
        });
    }

    function insertRecord() {
        db.transaction(function(tx) {
            tx.executeSql(insertStatement, [ firstName.value, lastName.value,
                    phone.value ], loadAndReset, onError);
        });
    }

    function loadRecord(i) {
        var item = dataset.item(i);
        firstName.value = item['firstName'];
        lastName.value = item['lastName'];
        phone.value = item['phone'];
        id.value = item['id'];
    }

    function updateRecord() {
        db.transaction(function(tx) {
            tx.executeSql(updateStatement, [ firstName.value, lastName.value,
                    phone.value, id.value ], loadAndReset, onError);
        });
    }

    function deleteRecord(id) {
        db.transaction(function(tx) {
            tx.executeSql(deleteStatement, [ id ], showRecords, onError);
        });
        resetForm();
    }

    function dropTable() {
        db.transaction(function(tx) {
            tx.executeSql(dropStatement, [], showRecords, onError);
        });
        resetForm();
    }

    function loadAndReset() {
        resetForm();
        showRecords();
    }

    function resetForm() {
        firstName.value = '';
        lastName.value = '';
        phone.value = '';
        id.value = '';
    }
</script>
</html>
于 2012-07-04T08:35:03.093 に答える