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 相关文章推荐
Js实现当前点击a标签变色突出显示其他a标签回复原色
Nov 27 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
Aug 15 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
谈谈JavaScript自定义回调函数
Oct 18 Javascript
jQuery焦点图左右转换效果
Dec 12 Javascript
基于Vue实现timepicker
Apr 25 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
May 02 Javascript
详解angularjs的数组传参方式的简单实现
Jul 28 Javascript
vue中如何创建多个ueditor实例教程
Nov 14 Javascript
Vue的事件响应式进度条组件实例详解
Feb 04 Javascript
vue中实现拖动调整左右两侧div的宽度的示例代码
Jul 22 Javascript
Element Notification通知的实现示例
Jul 27 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 cookie中点号(句号)自动转为下划线问题
2014/10/21 PHP
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
PHP获取ttf格式文件字体名的方法示例
2019/03/06 PHP
利用PHP计算有多少小于当前数字的数字方法示例
2020/08/26 PHP
层序遍历在ExtJs的TreePanel中的应用
2009/10/16 Javascript
js编码、解码函数介绍及其使用示例
2013/09/05 Javascript
jQuery toggle 代替方法
2016/03/22 Javascript
Bootstrap导航简单实现代码
2017/03/06 Javascript
Angular2关于@angular/cli默认端口号配置的问题
2017/07/15 Javascript
vue滚动轴插件better-scroll使用详解
2017/10/17 Javascript
js实现点击烟花特效
2020/10/14 Javascript
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
python基于queue和threading实现多线程下载实例
2014/10/08 Python
Python调用C++程序的方法详解
2017/01/24 Python
火车票抢票python代码公开揭秘!
2018/03/08 Python
Python采集代理ip并判断是否可用和定时更新的方法
2018/05/07 Python
在Python中将函数作为另一个函数的参数传入并调用的方法
2019/01/22 Python
Python Subprocess模块原理及实例
2019/08/26 Python
解决Django删除migrations文件夹中的文件后出现的异常问题
2019/08/31 Python
python实现把两个二维array叠加成三维array示例
2019/11/29 Python
修改Pandas的行或列的名字(重命名)
2019/12/18 Python
python 微信好友特征数据分析及可视化
2020/01/07 Python
python实现录屏功能(亲测好用)
2020/03/02 Python
HTML5的Video标签有部分MP4无法播放的问题解析(多图)
2017/08/18 HTML / CSS
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
viagogo英国票务平台:演唱会、体育比赛、戏剧门票
2017/03/24 全球购物
加拿大最大的钻石商店:Peoples Jewellers
2018/01/01 全球购物
人民教师的自我评价分享
2014/02/21 职场文书
《天游峰的扫路人》教学反思
2014/04/25 职场文书
开展批评与自我批评发言材料
2014/05/15 职场文书
节约用电标语
2014/06/17 职场文书
应聘护士求职信
2014/07/21 职场文书
毕业生实习证明
2014/09/19 职场文书
大学生实习推荐信
2015/03/27 职场文书
python 经纬度求两点距离、三点面积操作
2021/06/03 Python