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 动画基础教程
Dec 25 Javascript
IE6下通过a标签点击切换图片的问题
Nov 14 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
Jan 11 Javascript
用jquery.sortElements实现table排序
May 04 Javascript
node.js使用require()函数加载模块
Nov 26 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
Apr 03 Javascript
jQuery+Pdo编写login登陆界面
Aug 01 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
Aug 26 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
Sep 04 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 Javascript
vue3中provide && inject的使用
Jul 01 Vue.js
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来实现网络服务
2009/09/15 PHP
php explode函数实例代码
2012/02/27 PHP
php自定义session示例分享
2014/04/22 PHP
PHP学习笔记(一):基本语法之标记、空白、和注释
2015/04/17 PHP
PHP之浮点数计算比较以及取整数不准确的解决办法
2015/07/29 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
js身份证验证超强脚本
2008/10/26 Javascript
jQuery DIV弹出效果实现代码
2009/07/03 Javascript
js 控制页面跳转的5种方法
2013/09/09 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
2016/02/17 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
2019/01/24 Javascript
解决layui的table插件无法多层级获取json数据的问题
2019/09/19 Javascript
VUE-ElementUI 自定义Loading图操作
2020/11/11 Javascript
Python常用列表数据结构小结
2014/08/06 Python
介绍Python中几个常用的类方法
2015/04/08 Python
Python实现识别手写数字大纲
2018/01/29 Python
Python实现随机生成手机号及正则验证手机号的方法
2018/04/25 Python
Python一行代码实现快速排序的方法
2019/04/30 Python
Python爬虫之urllib基础用法教程
2019/10/12 Python
python加载自定义词典实例
2019/12/06 Python
如何基于Python + requests实现发送HTTP请求
2020/01/13 Python
python实现ip地址的包含关系判断
2020/02/07 Python
Python日志logging模块功能与用法详解
2020/04/09 Python
python切片作为占位符使用实例讲解
2021/02/17 Python
全球速卖通西班牙站:AliExpress西班牙
2017/10/30 全球购物
宏碁西班牙官网:Acer西班牙
2021/01/08 全球购物
什么是测试驱动开发(TDD)
2012/02/15 面试题
UNIX文件名称有什么规定
2013/03/25 面试题
大学生期末自我鉴定
2014/02/01 职场文书
运动会领导邀请函
2014/02/05 职场文书
烹饪自我鉴定
2014/03/01 职场文书
社区精神文明建设汇报材料
2014/08/17 职场文书
社区志愿者活动方案
2014/08/18 职场文书
运动会宣传稿50字
2015/07/23 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书