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 相关文章推荐
匹配任意字符的正则表达式写法
Apr 29 Javascript
基于jquery的bankInput银行卡账号格式化
Aug 22 Javascript
js实现touch移动触屏滑动事件
Apr 17 Javascript
js如何实现点击标签文字,文字在文本框出现
Aug 05 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
Oct 29 Javascript
AngularJS在IE8的不支持的解决方法
May 13 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
Jun 03 Javascript
JavaScript实现相册弹窗功能(zepto.js)
Jun 21 Javascript
使用JavaScript获取Request中参数的值方法
Sep 27 Javascript
Vue非父子组件通信详解
Jun 12 Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 Javascript
微信小程序实现图片选择并预览功能
Jul 25 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基于timestamp和nonce实现的防止重放攻击方案分析
2019/07/26 PHP
jquery插件 autoComboBox 下拉框
2010/12/22 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
2012/01/03 Javascript
js showModalDialog弹出窗口实例详解
2014/01/07 Javascript
jquery 淡入淡出效果的简单实现
2014/02/07 Javascript
jQuery的css()方法用法实例
2014/12/24 Javascript
介绍JavaScript的一个微型模版
2015/06/24 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
Vue.js原理分析之observer模块详解
2017/02/17 Javascript
Angular2库初探
2017/03/01 Javascript
使用JS组件实现带ToolTip验证框的实例代码
2017/08/23 Javascript
Thinkjs3新手入门之如何使用静态资源目录
2017/12/06 Javascript
深入浅析vue组件间事件传递
2017/12/29 Javascript
JS中移除非数字最多保留一位小数
2018/05/09 Javascript
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
小程序实现横向滑动日历效果
2019/10/21 Javascript
layui 解决form表单点击无反应的问题
2019/10/25 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
2020/03/17 Javascript
在js文件中引入(调用)另一个js文件的三种方法
2020/09/11 Javascript
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
Python 实现文件的全备份和差异备份详解
2016/12/27 Python
Python基于identicon库创建类似Github上用的头像功能
2017/09/25 Python
Django自定义用户认证示例详解
2018/03/14 Python
python2和python3的输入和输出区别介绍
2018/11/20 Python
django-filter和普通查询的例子
2019/08/12 Python
基于Python实现剪切板实时监控方法解析
2019/09/11 Python
django 利用Q对象与F对象进行查询的实现
2020/05/15 Python
html5 canvas 画图教程案例分析
2012/11/23 HTML / CSS
初级Java程序员面试题
2016/03/03 面试题
优秀的教师个人的中文求职信
2013/09/21 职场文书
财务部副经理岗位职责
2014/03/14 职场文书
学习焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
会计人员岗位职责
2015/02/03 职场文书
工程催款通知书
2015/04/17 职场文书
财产分割协议书
2016/03/22 职场文书
如何把新闻人物写得立体、鲜活?
2019/08/14 职场文书