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 相关文章推荐
jquery常用操作小结
Jul 21 Javascript
JS 获取鼠标左右键的键值方法
Oct 11 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
Jun 24 Javascript
浅谈AngularJs指令之scope属性详解
Oct 24 Javascript
详解Node.js项目APM监控之New Relic
May 12 Javascript
jquery-file-upload 文件上传带进度条效果
Nov 21 jQuery
p5.js入门教程之小球动画示例代码
Mar 15 Javascript
使用proxy实现一个更优雅的vue【推荐】
Jun 19 Javascript
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
uniapp微信小程序:key失效的解决方法
Jan 20 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
我的论坛源代码(九)
2006/10/09 PHP
php数组总结篇(一)
2008/09/30 PHP
使用GROUP BY的时候如何统计记录条数 COUNT(*) DISTINCT
2011/04/23 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
PHP向浏览器输出内容的4个函数总结
2014/11/17 PHP
TP5多入口设置实例讲解
2020/12/15 PHP
javascript中全局对象的isNaN()方法使用介绍
2013/12/19 Javascript
原生javaScript做得动态表格(注释写的很清楚)
2013/12/29 Javascript
jQuery原型属性和原型方法详解
2015/07/07 Javascript
js限制文本框只能输入中文的方法
2015/08/11 Javascript
分享经典的JavaScript开发技巧
2015/11/21 Javascript
AngularJs 动态加载模块和依赖
2016/09/15 Javascript
基于原生js淡入淡出函数封装(兼容IE)
2016/10/20 Javascript
vue中实现左右联动的效果
2018/06/22 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
2018/12/14 Javascript
JS一次前端面试经历记录
2020/03/19 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
2021/02/08 Javascript
python实现跨文件全局变量的方法
2014/07/07 Python
Python通过调用mysql存储过程实现更新数据功能示例
2018/04/03 Python
使用python将大量数据导出到Excel中的小技巧分享
2018/06/14 Python
pyshp创建shp点文件的方法
2018/12/31 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
Tory Burch德国官网:美国时尚生活品牌
2018/01/03 全球购物
澳大利亚在线消费电子产品商店:TobyDeals
2020/01/05 全球购物
自然健康的概念:Natural Healthy Concepts
2020/01/26 全球购物
英国领先的在线高尔夫设备零售商:Golfgeardirect
2020/12/11 全球购物
如何拷贝一整个Java对象,包括它的状态
2013/12/27 面试题
服装行业创业计划书范文
2014/02/05 职场文书
土地租赁意向书
2014/07/30 职场文书
招标承诺书
2014/08/30 职场文书
趣味运动会广播稿
2014/09/13 职场文书
2014年党员整改措施范文
2014/09/21 职场文书
建党伟业电影观后感
2015/06/01 职场文书
公诉意见书范文
2015/06/05 职场文书
MySQL分库分表与分区的入门指南
2021/04/22 MySQL
使用CSS实现音波加载效果
2023/05/07 HTML / CSS