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 面向对象全新理练之继承与多态
Dec 03 Javascript
JavaScript DOM学习第六章 表单实例
Feb 19 Javascript
Jquery和Js获得元素标签名称的方法总结
Oct 08 Javascript
Vue方法与事件处理器详解
Dec 01 Javascript
Jquery Easyui日历组件Calender使用详解(23)
Dec 18 Javascript
Web 开发中Ajax的Session 超时处理方法
Jan 19 Javascript
数组Array的排序sort方法
Feb 17 Javascript
详解利用Angular实现多团队模块化SPA开发框架
Nov 27 Javascript
bootstrap table.js动态填充单元格数据的多种方法
Jul 18 Javascript
简单分析js中的this的原理
Aug 31 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
Jan 02 Javascript
vue 实现超长文本截取,悬浮框提示
Jul 29 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读取xml实例代码
2010/01/28 PHP
PHP操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
php生成gif动画的方法
2015/11/05 PHP
PHP开发中常用的十个代码样例
2016/02/02 PHP
PHP二维数组分页2种实现方法解析
2020/07/09 PHP
Firefox window.close()的使用注意事项
2009/04/11 Javascript
javascript 写类方式之四
2009/07/05 Javascript
基于jQuery的仿flash的广告轮播代码
2010/11/04 Javascript
JS 实现导航栏悬停效果
2013/09/23 Javascript
JS实现仿京东淘宝竖排二级导航
2014/12/08 Javascript
js实现上传图片预览的方法
2015/02/09 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
jQuery实现的省市县三级联动菜单效果完整实例
2016/08/01 Javascript
JS实现倒计时图文效果
2018/11/17 Javascript
js对象数组和对象的使用实例详解
2019/08/27 Javascript
微信小程序实现拨打电话功能的示例代码
2020/06/28 Javascript
react antd表格中渲染一张或多张图片的实例
2020/10/28 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
2020/11/04 Javascript
微信小程序自定义modal弹窗组件的方法详解
2020/12/20 Javascript
Python中优化NumPy包使用性能的教程
2015/04/23 Python
Python中的zipfile模块使用详解
2015/06/25 Python
python3编码问题汇总
2016/09/06 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
Python for循环与range函数的使用详解
2019/03/23 Python
Django配置MySQL数据库的完整步骤
2019/09/07 Python
解决python调用自己文件函数/执行函数找不到包问题
2020/06/01 Python
Python pandas对excel的操作实现示例
2020/07/21 Python
如何用python批量调整视频声音
2020/12/22 Python
lookfantastic荷兰:在线购买奢华护肤、护发和化妆品
2018/11/27 全球购物
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
铭万公司.net面试题笔试题
2014/07/20 面试题
宿舍打麻将检讨书
2014/01/24 职场文书
经典公益广告词
2014/03/13 职场文书
六一儿童节园长致辞
2015/07/31 职场文书
Matplotlib可视化之添加让统计图变得简单易懂的注释
2021/06/11 Python