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实现页面自适应
Jan 19 Javascript
一个JQuery操作Table的代码分享
Mar 30 Javascript
jquery实现marquee效果(文字或者图片的水平垂直滚动)
Jan 07 Javascript
在js文件中写el表达式取不到值的原因及解决方法
Dec 23 Javascript
js实现图片旋转的三种方法
Apr 10 Javascript
jQuery中removeProp()方法用法实例
Jan 05 Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 Javascript
vue购物车插件编写代码
Nov 27 Javascript
JS 实现百度搜索功能
Feb 01 Javascript
Angular4 ElementRef的应用
Feb 26 Javascript
微信小程序文章列表功能完整实例
Jun 03 Javascript
vue实现虚拟列表功能的代码
Jul 28 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 应用程序的安全 -- 不能违反的四条安全规则
2006/11/26 PHP
PHP explode()函数用法、切分字符串
2012/10/03 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
php字符串函数 str类常见用法示例
2020/05/15 PHP
实现连缀调用的map方法(prototype)
2009/08/05 Javascript
Js基础学习资料
2010/11/23 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
JavaScript更改字符串的大小写
2015/05/07 Javascript
Bootstrap精简教程
2015/11/27 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
2016/12/19 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
2019/04/17 Javascript
如何在Django项目中引入静态文件
2019/07/26 Python
python使用itchat模块给心爱的人每天发天气预报
2019/11/25 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
python实现爱奇艺登陆密码RSA加密的方法示例详解
2020/05/27 Python
python中wheel的用法整理
2020/06/15 Python
Python3爬虫中关于Ajax分析方法的总结
2020/07/10 Python
Python self用法详解
2020/11/28 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
GAP美国官网:美国休闲时尚品牌
2016/08/26 全球购物
世界上最大的皮肤科医生拥有和经营的美容网站:LovelySkin
2021/01/03 全球购物
草莓网中国:StrawberryNet中国
2020/08/17 全球购物
自我评价个人范文
2013/12/16 职场文书
高中军训感想800字
2014/02/23 职场文书
cf收人广告词
2014/03/14 职场文书
财产公证书格式
2014/04/10 职场文书
毕业生找工作求职信
2014/08/05 职场文书
我的中国梦演讲稿300字
2014/08/19 职场文书
优秀教师自我评价范文
2014/09/27 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
励志语录:时光飞逝,请学会珍惜所有的人和事
2020/01/16 职场文书