js 如何实现对数据库的增删改查


Posted in Javascript onNovember 23, 2012

JavaScript操作数据库JS操作Access数据库,跟其他语言操作差不多,总结了一下习惯代码,仅供参考学习。
现在在F盘有文件abc.mdf,表名为Student,一共2个字段,Id数字类型主键,stuName文本类型,现对该表进行增删改查的操作:
1.查询

<HTML> 
<HEAD> 
<TITLE>数据查询</TITLE> 
<Script > 
var conn = new ActiveXObject("ADODB.Connection"); 
conn.Open("DBQ=f://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};"); 
var rs = new ActiveXObject("ADODB.Recordset"); 
var sql="select * from Student"; 
rs.open(sql, conn); 
var html=""; 
while(!rs.EOF) 
{  
html=html+rs.Fields("Id")+" "+rs.Fields("stuName"); 
rs.moveNext(); 
} 
document.write(html); 
rs.close(); 
rs = null; 
conn.close(); 
conn = null; 
</script> 
</HEAD> 
<BODY> 
</BODY> 
</HTML>

2.增加操作
<HTML> 
<HEAD> 
<TITLE>增加操作</TITLE> 
<script language="javascript"> 
function addUser(id,stuName) 
{ 
//用 JavaScript 写服务器端连接数据库的代码示例 
var conn = new ActiveXObject("ADODB.Connection"); 
conn.Open("DBQ=F://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};"); 
var sql="insert into Student(ID,stuName) values("+id+",'"+stuName+"')"; 
try{ 
conn.execute(sql); 
alert("添加成功"); 
} 
catch(e){ 
document.write(e.description); 
alert("添加失败~~~"); 
} 
conn.close(); 
} 
</script> 
</HEAD> 
<BODY> 
<table width=100 border=1> 
<tr bgcolor='#f4f4f4'> 
<td>编号</td> 
<td>姓名</td> 
</tr> 
<tr> 
<td><input id="stuId" /></td> 
<td><input id="stuName"/></td> 
</tr> 
</table> 
<input name="1" type="button" value="添加" onclick="addUser(stuId.value,stuName.value)"/> 
</BODY> 
</HTML>

3.删除操作
<HTML> 
<HEAD> 
<TITLE>删除操作</TITLE> 
<script language="javascript"> 
function delStu(id) 
{ 
var conn = new ActiveXObject("ADODB.Connection"); 
conn.Open("DBQ=F://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};"); 
var sql="delete from Student where Id=2"; 
conn.execute(sql); 
conn.close(); 
conn = null; 
alert("修改成功"); 
} 
</script> 
</HEAD> 
<BODY> 
<input name="1" type="button" value="删除" onclick="delStu(1)"/> 
</BODY> 
</HTML>

4.修改操作
<HTML> 
<HEAD> 
<TITLE>修改操作 </TITLE> 
</HEAD> 
<script> 
function updateUser(userId,userName) 
{ 
var conn = new ActiveXObject("ADODB.Connection"); 
conn.Open("DBQ=F://abc.mdb;DRIVER={Microsoft Access Driver (*.mdb)};"); 
var rs = new ActiveXObject("ADODB.Recordset"); 
var sql="update Student set stuName='" + userName + "' where Id=" + userId + ""; 
conn.execute(sql); 
conn.close(); 
conn = null; 
alert("修改成功"); 
} 
</script> 
<BODY> 
<table width=100 border=1> 
<tr bgcolor='#f4f4f4'> 
<td>编号</td> 
<td>姓名</td> 
</tr> 
<tr> 
<td><input id="stuId" /></td> 
<td><input id="stuName"/></td> 
</tr> 
</table> 
<input name="1" type="button" value="修改" onclick="updateUser(stuId.value,stuName.value)"/> 
</BODY> 
</HTML>

另外,JS也可以操作SQL Server数据库
数据库名为:MySchool,表名为Student,StudentId为int类型,自增列,studentName为学生姓名,为varchar类型。数据库用户名为sa,密码是ok,
<HTML> 
<HEAD> 
<TITLE>SQL数据查询</TITLE> 
<Script > 
var conn = new ActiveXObject("ADODB.Connection"); 
conn.Open("Driver={SQL server};Server=.;DataBase=MySchool;UID=sa;Password=ok;");//打开数据库 
var rs = new ActiveXObject("ADODB.Recordset"); 
var sql="select * from Student"; 
rs.open(sql, conn); 
var html=""; 
while(!rs.EOF) 
{ 
html=html+rs.Fields("StudentId")+" "+rs.Fields("studentName")+"<br/>"; 
rs.moveNext(); 
} 
document.write(html); 
rs.close(); 
rs = null; 
conn.close(); 
conn = null; 
</script> 
</HEAD> 
<BODY> 
</BODY> 
</HTML>
Javascript 相关文章推荐
javascript 面向对象编程  function是方法(函数)
Sep 17 Javascript
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
Nov 24 Javascript
Javascript 面向对象 继承
May 13 Javascript
PHP守护进程实例
Mar 06 Javascript
jQuery插件Validate实现自定义表单验证
Jan 18 Javascript
JQuery EasyUI的使用
Feb 24 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
js装饰设计模式学习心得
Feb 17 Javascript
详解extract-text-webpack-plugin 的使用及安装
Jun 12 Javascript
js仿360开机效果
Dec 26 Javascript
详解Node.JS模块 process
Aug 31 Javascript
Js如何判断客户端是PC还是手持设备简单分析
Nov 22 #Javascript
IE下使用cloneNode注意事项分享
Nov 22 #Javascript
jquery remove方法应用详解
Nov 22 #Javascript
FusionCharts图表显示双Y轴双(多)曲线
Nov 22 #Javascript
ECMAScript 创建自己的js类库
Nov 22 #Javascript
javascript克隆对象深度介绍
Nov 20 #Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 #Javascript
You might like
PHP Token(令牌)设计
2008/03/15 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
Laravel手动分页实现方法详解
2016/10/09 PHP
php中访问修饰符的知识点总结
2019/01/27 PHP
JavaScript 在线压缩和格式化收藏
2009/01/16 Javascript
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
IE的有条件注释判定IE版本详解(附实例代码)
2012/01/04 Javascript
js 操作select和option常用代码整理
2012/12/13 Javascript
js控制表单不能输入空格的小例子
2013/11/20 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
Javascript基础教程之break和continue语句
2015/01/18 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
2015/06/05 Javascript
IE下JS保存图片的简单实例
2016/07/15 Javascript
angularjs 源码解析之injector
2016/08/22 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
2017/01/11 Javascript
微信小程序 详解Page中data数据操作和函数调用
2017/01/12 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
react实现换肤功能的示例代码
2018/08/14 Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
2019/06/13 Javascript
小程序实现短信登录倒计时
2019/07/12 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
2020/02/04 Javascript
微信小程序实现点击生成随机验证码
2020/09/09 Javascript
Python实现的简单算术游戏实例
2015/05/26 Python
Python爬取知乎图片代码实现解析
2019/09/17 Python
Pycharm创建项目时如何自动添加头部信息
2019/11/14 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
详解pandas赋值失败问题解决
2020/11/29 Python
利用CSS3的线性渐变linear-gradient制作边框的示例
2016/06/02 HTML / CSS
美国在线面料商店:Online Fabric Store
2018/07/26 全球购物
优质有机椰子产品:Dr. Goerg
2019/09/24 全球购物
安全生产汇报材料
2014/02/17 职场文书
安全主题班会教案
2015/08/12 职场文书
golang 在windows中设置环境变量的操作
2021/04/29 Golang
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android
MySQL 原理与优化之原数据锁的应用
2022/08/14 MySQL