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 相关文章推荐
js 页面刷新location.reload和location.replace的区别小结
Dec 24 Javascript
jquery实现心算练习代码
Dec 06 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
Sep 05 Javascript
JavaScript中的fontsize()方法使用详解
Jun 08 Javascript
js实现Select列表内容自动滚动效果代码
Aug 20 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
Vue.js中用v-bind绑定class的注意事项
Dec 13 Javascript
清除输入框内的空格
Dec 21 Javascript
原生javascript实现分页效果
Apr 21 Javascript
JavaScript引用类型Array实例分析
Jul 24 Javascript
JavaScript实现简单计算器
Mar 19 Javascript
es6函数中的作用域实例分析
Apr 18 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
thinkPHP框架实现的无限回复评论功能示例
2018/06/09 PHP
JavaScript 入门·JavaScript 具有全范围的运算符
2007/10/01 Javascript
autoIMG 基于jquery的图片自适应插件代码
2011/03/12 Javascript
疯狂Jquery第一天(Jquery学习笔记)
2012/05/11 Javascript
jquery解决图片路径不存在执行替换路径
2013/02/06 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
2013/12/05 Javascript
js调试系列 断点与动态调试[基础篇]
2014/06/18 Javascript
node.js中的fs.link方法使用说明
2014/12/15 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
javascript实现拖动元素交换位置
2015/11/29 Javascript
javascript js 操作数组 增删改查的简单实现
2016/06/20 Javascript
利用React-router+Webpack快速构建react程序
2016/10/27 Javascript
Node.js中如何合并两个复杂对象详解
2016/12/31 Javascript
Angular2使用Angular CLI快速搭建工程(一)
2017/05/21 Javascript
bootstrap响应式工具使用详解
2017/11/29 Javascript
Auto.js自动收取自己和好友蚂蚁森林能量脚本
2018/06/28 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
Python实现感知器模型、两层神经网络
2017/12/19 Python
python Pandas 读取txt表格的实例
2018/04/29 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
Python实现快速计算词频功能示例
2018/06/25 Python
基于virtualenv创建python虚拟环境过程图解
2020/03/30 Python
HTML5新标签兼容——&gt; 的两种方法
2018/09/12 HTML / CSS
个人教师自我评价范文
2013/12/02 职场文书
综合办公室个人的自我评价
2013/12/22 职场文书
网络技术专业求职信
2014/05/02 职场文书
解除财产保全担保书
2014/05/20 职场文书
拓展策划方案
2014/06/03 职场文书
安全责任书怎么写
2014/07/28 职场文书
六查六看剖析材料
2014/10/06 职场文书
个人先进材料范文
2014/12/30 职场文书
小学教研工作总结2015
2015/05/13 职场文书
SpringBoot项目中控制台日志的保存配置操作
2021/06/18 Java/Android
python字符串拼接.join()和拆分.split()详解
2021/11/23 Python