Penyisipan Database Menggunakan Javascript

Sekarang telah banyak penggunaan javascript untuk proses insert maupun pengeditan database. Berikut ini saya akan menyampaikan proses penyisipan database menggunakan javascript. Cara yang akan saya gunakan adalah menggunakan objek ActiveXObject. ActiveXObject adalah suatu bentuk objek yang digunakan untuk menginstansiasi objek dengan cara automasi. Untuk mengidektifikasi objek automasi objek yang dapat digunakan antara lain objek COM seperti OLE/COM. Formatnya adalah :

    newObj = new ActiveXObject(servername.typename[, location])

keterangan:

newObj
    Diperlukan. Merupakan nama dari objek ActiveXObject.

servername
    Diperlukan. Nama aplikasi penyedia objek.

typename
    Diperlukan. Kelas atau objek yang diinstansiasi.

location
    Diperlukan. Nama network server dimana objek dibentuk.


Untuk penyisipan ke dalam database contohnya sebagai berikut ini:

<form class="dbInsert" onsubmit="dbInsert(); return false;">
    <fieldset>
        <input type="text" id="id" name="id" />
        <input type="text" id="produk" name="produk" />
    </fieldset>
    <div class="submit">
        <input type="submit" class="submit" value="Submit" />
    </div>
</form>

<script type="text/javascript">

function dbInsert() {

    var    connection = new ActiveXObject("ADODB.Connection"),
    var    recordSet = new ActiveXObject("ADODB.Recordset"),
    var    connectionString = '';
       
    connection.Open(connectionString);
    recordSet.Open(
        "INSERT INTO Clanovi(`id`, `nama_produk`) VALUES ('" +
            document.getElementById('id').value + "','" +
            document.getElementById('nama_produk').value +
        "')",
        connection
    );
   
    recordSet.close;
    connection.close;
   
}
</script>


Dengan penggunaan fungsi ini maka halaman tidak perlu direfresh dalam proses penyisipan data.