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 Pro-深入面向对象的程序设计之继承的详解
May 07 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
Nov 20 Javascript
js 实现菜单上下显示附效果图
Nov 21 Javascript
jquery插件validation实现验证身份证号等
Jun 04 Javascript
Bootstrap每天必学之标签与徽章
Nov 27 Javascript
BootStrap modal模态弹窗使用小结
Oct 26 Javascript
Easyui的组合框的取值与赋值
Oct 28 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
Dec 05 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
React中阻止事件冒泡的问题详析
Apr 12 Javascript
微信小程序使用自定义组件导航实现当前页面高亮
Jan 02 Javascript
vue项目中openlayers绘制行政区划
Dec 24 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/08/05 PHP
PHP 遍历文件实现代码
2011/05/04 PHP
PHP中生成UUID自定义函数分享
2015/06/10 PHP
PHP实现多文件上传的方法
2015/07/08 PHP
php实现的http请求封装示例
2016/11/08 PHP
jQuery实现3D文字特效的方法
2015/03/10 Javascript
Javascript实现颜色rgb与16进制转换的方法
2015/04/18 Javascript
基于JavaScript实现定时跳转到指定页面
2016/01/01 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
2016/12/14 Javascript
微信小程序 详解页面跳转与返回并回传数据
2017/02/13 Javascript
JavaScript实现定时页面跳转功能示例
2017/02/14 Javascript
浅谈JS中的常用选择器及属性、方法的调用
2017/07/28 Javascript
JS与HTML结合实现流程进度展示条思路详解
2017/09/03 Javascript
javascript数据结构之多叉树经典操作示例【创建、添加、遍历、移除等】
2018/08/01 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
python函数参数*args**kwargs用法实例
2013/12/04 Python
python字符串替换示例
2014/04/24 Python
Python multiprocessing.Manager介绍和实例(进程间共享数据)
2014/11/21 Python
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
python模块之StringIO使用示例
2015/04/08 Python
Python搭建APNS苹果推送通知推送服务的相关模块使用指南
2016/06/02 Python
Python+Wordpress制作小说站
2017/04/14 Python
Python入门_浅谈字符串的分片与索引、字符串的方法
2017/05/16 Python
使用Anaconda3建立虚拟独立的python2.7环境方法
2018/06/11 Python
python flask解析json数据不完整的解决方法
2019/05/26 Python
Python读取实时数据流示例
2019/12/02 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
python 错误处理 assert详解
2020/04/20 Python
Keras: model实现固定部分layer,训练部分layer操作
2020/06/28 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
关于奉献的演讲稿
2014/05/21 职场文书
经济贸易系毕业生求职信
2014/05/31 职场文书
我爱家乡演讲稿
2014/09/12 职场文书
村干部群众路线教育活动对照检查材料
2014/10/01 职场文书
医学专业大学生职业生涯规划书
2014/10/25 职场文书
见习报告格式要求
2014/11/04 职场文书