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 相关文章推荐
IE6、IE7中获取Button元素的值的bug说明
Aug 28 Javascript
在JavaScript中重写jQuery对象的方法实例教程
Aug 25 Javascript
ajax+jQuery实现级联显示地址的方法
May 06 Javascript
在AngularJS应用中实现一些动画效果的代码
Jun 18 Javascript
Angular4的输入属性与输出属性实例详解
Nov 29 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
Jun 19 Javascript
mpvue小程序仿qq左滑置顶删除组件
Aug 03 Javascript
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
使用angularjs.foreach时return的问题解决
Sep 30 Javascript
JavaScript面向对象中接口实现方法详解
Jul 24 Javascript
ES6 新增的创建数组的方法(小结)
Aug 01 Javascript
基于jQuery实现挂号平台首页源码
Jan 06 jQuery
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中将指针移动到数据集初始位置的实现代码[mysql_data_seek]
2012/11/01 PHP
基于ubuntu下nginx+php+mysql安装配置的具体操作步骤
2013/04/28 PHP
PHP常用函数和常见疑难问题解答
2014/03/05 PHP
PHP防止图片盗用(盗链)的方法小结
2016/11/11 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
非常好的js代码
2006/06/27 Javascript
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
jquery插件制作 图片走廊 gallery
2012/08/17 Javascript
jquery.ajax之beforeSend方法使用介绍
2014/12/08 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
2015/08/15 Javascript
vue,angular,avalon这三种MVVM框架优缺点
2016/04/27 Javascript
省市二级联动小案例讲解
2016/07/24 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
2016/11/18 Javascript
详解Vue 开发模式下跨域问题
2017/06/06 Javascript
vue 使用ref 让父组件调用子组件的方法
2018/02/08 Javascript
Vue.extend实现挂载到实例上的方法
2019/05/01 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
微信小程序实现搜索历史功能
2020/03/26 Javascript
Vue 使用beforeEach实现登录状态检查功能
2019/10/31 Javascript
vue中activated的用法
2021/01/03 Vue.js
Python中使用pprint函数进行格式化输出的教程
2015/04/07 Python
python实现屏保计时器的示例代码
2018/08/08 Python
利用pyuic5将ui文件转换为py文件的方法
2019/06/19 Python
Python如何操作office实现自动化及win32com.client的运用
2020/04/01 Python
Pandas将列表(List)转换为数据框(Dataframe)
2020/04/24 Python
css3 实现圆形旋转倒计时
2018/02/24 HTML / CSS
详解CSS3新增的背景属性
2019/12/25 HTML / CSS
法学专业本科生自荐信范文
2013/12/17 职场文书
教学个人的自我评价分享
2014/02/16 职场文书
行政部工作岗位职责范本
2014/03/05 职场文书
一体化教学实施方案
2014/05/10 职场文书
工地宣传标语
2014/06/18 职场文书
专科生就业求职信
2014/06/22 职场文书
酒店采购员岗位职责
2015/04/03 职场文书
Python 线程池模块之多线程操作代码
2021/05/20 Python