软件开发培训班 >> 编程开发 >> JavaScript


JS操作数据库的实例代码

　　本文标签：JS,操作,数据库

一、创建SQL Server数据库
建库：test
建表：

复制代码 代码如下:

/*
Navicat MySQL Data Transfer

Source Server         : localhost
Source Server Version : 50520
Source Host           : localhost:3306
Source Database       : mo

Target Server Type    : MYSQL
Target Server Version : 50520
File Encoding         : 65001

Date: 2013-10-17 12:00:56
*/

-- ----------------------------
-- Table structure for [user]
-- ----------------------------
USE test
GO

DROP TABLE [user];
CREATE TABLE [user] (
  id bigint NOT NULL PRIMARY KEY IDENTITY(1000, 1),
  create_date datetime DEFAULT NULL,
  edit_date datetime DEFAULT NULL,
  is_delete int DEFAULT NULL,
  [name] varchar(255) DEFAULT NULL,
  sex varchar(255) DEFAULT NULL,
  age int DEFAULT NULL
);

-- ----------------------------
-- Records of user
-- ----------------------------
INSERT INTO [user] VALUES (2013-04-02 16:01:00, 2013-04-02 16:01:17, 0, Oppo, 男, 20);
INSERT INTO [user] VALUES (2013-04-02 16:01:02, 2013-04-02 16:01:17, 0, Mini, 女, 18);
INSERT INTO [user] VALUES (2013-04-02 16:01:04, 2013-04-02 16:01:17, 0, Kina, 女, 18);
INSERT INTO [user] VALUES (2013-04-02 16:01:06, 2013-04-02 16:01:17, 0, Lora, 男, 19);
INSERT INTO [user] VALUES (2013-04-02 16:01:08, 2013-04-02 16:01:17, 0, 榕Sir, 女, 18);
INSERT INTO [user] VALUES (2013-04-02 16:01:10, 2013-04-02 16:01:17, 0, 兼容, 女, 19);
INSERT INTO [user] VALUES (2013-04-02 16:01:13, 2013-04-02 16:01:17, 0, Sir云, 男, 18);
INSERT INTO [user] VALUES (2013-04-02 16:01:17, 2013-04-02 16:01:17, 0, 明白了, 男, 18);
INSERT INTO [user] VALUES (2013-04-02 16:37:00, 2013-04-02 16:37:00, 0, Guro Go Sir, 女, 19);

二、在页面JS代码操作数据库

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS操作数据库</title>
<script language="javascript" type="text/javascript">
var conn, rs;

/*获取数据库连接*/
function getConnection() {
    conn = new ActiveXObject("ADODB.Connection");
    // 1.JavaScript操作数据库JS操作Access数据库
    // 在F盘有文件abc.mdf，表名为user，一共2个字段，id数字类型主键，name文本类型
    // conn.Open("DBQ=f://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};");

    // 2.JavaScript操作数据库JS操作SQL Server数据库
    // 数据库名为：test，表名为user，id为int类型，自增列，name为用户名，为varchar类型；数据库用户名为sa，密码是sasa 。
    conn.Open("Driver={SQL Server};Server=.;DataBase=test;UID=sa;Password=sasa");       //打开数据库
    return conn;
}

/*执行增删改的方法*/
function executeUpdate(sql) {
    getConnection();
    try {
        conn.execute(sql);
        return true;
    } catch (e) {
        document.write(e.description);
    } finally {
        closeAll();
    }
    return false;
}

/*执行查询的方法*/
function executeQuery(sql) {
    getConnection();
    try {
        rs = new ActiveXObject("ADODB.Recordset");
        rs.open(sql, conn);
        var html = "";
        while(!rs.EOF) {
            html = html + rs.Fields("id") + "    " + rs.Fields("name")+"<br/>";
            rs.moveNext();
        }
        document.write(html);
    } catch (e) {
        document.write(e.description);
    } finally {
        closeAll();
    }
}

/*关闭所有资源*/
function closeAll() {
    if(rs != null) {
        rs.close();
        rs = null;
    }
    if(conn != null) {
        conn.close();
        conn = null;
    }
}

// 增
// executeUpdate("INSERT INTO [user](create_date, edit_date, is_delete, [name], sex, age) VALUES (2013-10-17 12:00:00, 2013-10-17 12:00:00, 0, 空, 男, 20)");
// 删
// executeUpdate("DELETE FROM [user] WHERE id = 1009");
// 改
// executeUpdate("UPDATE [user] SET sex = 女, age = 18 WHERE id = 1009");
// 查
executeQuery("select * from [user]");
</script>
</head>

<body>
</body>
</html>