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 相关文章推荐
javascript之水平横向滚动歌词同步的应用
May 07 Javascript
javascript function调用时的参数检测常用办法
Feb 26 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
Feb 16 Javascript
设置checkbox为只读(readOnly)的两种方式
Oct 11 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
Sep 01 Javascript
jQuery中ajax和post处理json的不同示例对比
Nov 02 Javascript
javascript带回调函数的异步脚本载入方法实例分析
Jul 02 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
Aug 18 Javascript
element-ui table span-method(行合并)的实现代码
Dec 20 Javascript
Vue动态组件和异步组件原理详解
May 06 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
Sep 03 Javascript
Vue的全局过滤器和私有过滤器的实现
Apr 20 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生成略缩图代码
2012/07/16 PHP
关于ob_get_contents(),ob_end_clean(),ob_start(),的具体用法详解
2013/06/24 PHP
PHP中__set()实例用法和基础讲解
2019/07/23 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
jQuery实现带滚动线条导航效果的方法
2015/01/30 Javascript
jquery实现submit提交表单
2015/02/03 Javascript
javascript中 try catch用法
2015/08/16 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
2016/07/24 Javascript
再谈javascript常见错误及解决方法
2016/09/16 Javascript
angularJS深拷贝详解
2017/03/23 Javascript
Angular.js中上传指令ng-upload的基本使用教程
2017/07/30 Javascript
VUE实现一个分页组件的示例
2017/09/13 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
2017/11/09 jQuery
react native基于FlatList下拉刷新上拉加载实现代码示例
2018/09/30 Javascript
vue+element实现打印页面功能
2019/05/20 Javascript
jQuery Migrate 插件用法实例详解
2019/05/22 jQuery
简单了解JavaScript sort方法
2019/11/25 Javascript
用TensorFlow实现戴明回归算法的示例
2018/05/02 Python
python学习之hook钩子的原理和使用
2018/10/25 Python
pandas取出重复数据的方法
2019/07/04 Python
Python队列、进程间通信、线程案例
2019/10/25 Python
探秘TensorFlow 和 NumPy 的 Broadcasting 机制
2020/03/13 Python
PageFactory设计模式基于python实现
2020/04/14 Python
python如何代码集体右移
2020/07/20 Python
CSS3实现简易版的刮刮乐效果
2016/09/27 HTML / CSS
图解CSS3制作圆环形进度条的实例教程
2016/05/26 HTML / CSS
西尔斯百货官网:Sears
2016/09/06 全球购物
美国百年历史早餐食品供应商:Wolferman’s
2017/01/18 全球购物
汽车工程专业应届生求职信
2013/10/19 职场文书
智能电子应届生求职信
2013/11/10 职场文书
秋季运动会加油稿200字
2014/01/11 职场文书
毕业生自我鉴定实例
2014/01/21 职场文书
工业设计毕业生自荐信
2014/04/13 职场文书
关爱残疾人标语
2014/06/25 职场文书
2014年教师批评与自我批评思想汇报
2014/09/20 职场文书
教你怎么用python爬取爱奇艺热门电影
2021/05/20 Python