JS操作数据库的实例代码


Posted in Javascript onOctober 17, 2013

一、创建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>
Javascript 相关文章推荐
Jquery CheckBox全选方法代码附js checkbox全选反选代码
Jun 09 Javascript
js复制到剪切板的实例方法
Jun 28 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
Dec 06 Javascript
推荐JavaScript实现继承的最佳方式
Nov 11 Javascript
JavaScript中遍历对象的property的3种方法介绍
Dec 30 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
Nov 28 Javascript
vue-dialog的弹出层组件
May 25 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
Jun 16 Javascript
vue兄弟组件传递数据的实例
Sep 06 Javascript
vue vue-Router默认hash模式修改为history需要做的修改详解
Sep 13 Javascript
浅谈vue3中effect与computed的亲密关系
Oct 10 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 07 Javascript
JavaScript调用后台的三种方法实例
Oct 17 #Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 #Javascript
JS实现时间格式化的方式汇总
Oct 16 #Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
Oct 16 #Javascript
div模拟滚动条效果示例代码
Oct 16 #Javascript
Jquery实现的tab效果可以指定默认显示第几页
Oct 16 #Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
Oct 16 #Javascript
You might like
php多文件打包下载的实例代码
2017/07/12 PHP
PHP实现超简单的SSL加密解密、验证及签名的方法示例
2017/08/28 PHP
Laravel5.7框架安装与使用学习笔记图文详解
2019/04/02 PHP
JavaScript实现动态增加文件域表单
2009/02/12 Javascript
围观tangram js库
2010/12/28 Javascript
StringTemplate遇见jQuery冲突的解决方法
2011/09/22 Javascript
JavaScript中提前声明变量或函数例子
2014/11/12 Javascript
jQuery使用ajax跨域获取数据的简单实例
2016/05/18 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
2017/12/04 Javascript
详解JavaScript中操作符和表达式
2018/09/12 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
2018/12/09 Javascript
使用微信SDK自定义分享的方法
2019/07/03 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
2019/09/21 jQuery
bootstrap-closable-tab可实现关闭的tab标签页插件
2020/08/09 Javascript
JavaScript实现刮刮乐效果
2020/11/01 Javascript
原生JS运动实现轮播图
2021/01/02 Javascript
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
[50:27]OG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/30 DOTA
python多线程并发让两个LED同时亮的方法
2019/02/18 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
如何用border-image实现文字气泡边框的示例代码
2020/01/21 HTML / CSS
荷兰手表网站:Watch2Day
2018/07/02 全球购物
优衣库台湾官网:UNIQLO台湾
2019/02/01 全球购物
武汉世纪畅想数字传播有限公司 .NET笔试题
2015/06/13 面试题
网上快餐厅创业计划书
2014/02/01 职场文书
总经理的岗位职责
2014/02/23 职场文书
销售顾问岗位职责
2014/02/25 职场文书
初中优秀班集体申报材料
2014/05/01 职场文书
爱心倡议书范文
2014/05/12 职场文书
医药公司开票员岗位职责
2015/04/15 职场文书
2015年保洁员工作总结
2015/05/04 职场文书
费用申请报告范文
2015/05/15 职场文书
小学生暑假安全公约
2015/07/14 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
学雷锋主题班会教案
2015/08/13 职场文书