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 设计模式之组合模式解析
Apr 09 Javascript
Array的push与unshift方法性能比较分析
Mar 05 Javascript
Jquery操作下拉框(DropDownList)实现取值赋值
Aug 13 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
Jun 03 Javascript
微信小程序-详解数据缓存
Nov 24 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
Mar 04 Javascript
vue.js移动端tab组件的封装实践实例
Jun 30 Javascript
使用Angular CLI生成 Angular 5项目教程详解
Mar 18 Javascript
CKEditor4配置与开发详细中文说明文档
Oct 08 Javascript
vue下拉菜单组件(含搜索)的实现代码
Nov 25 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
Mar 08 Javascript
vue 使用rules对表单字段进行校验的步骤
Dec 25 Vue.js
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 imagecreatefrombmp 从BMP文件或URL新建一图像
2012/07/16 PHP
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
php利用递归实现删除文件目录的方法
2016/09/23 PHP
YII框架http缓存操作示例
2019/04/29 PHP
thinkphp5框架扩展redis类方法示例
2019/05/06 PHP
js prototype 格式化数字 By shawl.qiu
2007/04/02 Javascript
Javascript 文件夹选择框的两种解决方案
2009/07/01 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
调用HttpHanlder的几种返回方式小结
2013/12/20 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
angularjs学习笔记之双向数据绑定
2015/09/26 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
2016/05/09 Javascript
Nodejs从有门道无门菜鸟起飞必看教程
2016/07/20 NodeJs
Laravel整合Bootstrap 4的完整方案(推荐)
2018/01/25 Javascript
基于js中的存储键值对以及注意事项介绍
2018/03/30 Javascript
layui 给数据表格加序号的方法
2018/08/20 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
Python中统计函数运行耗时的方法
2015/05/05 Python
python添加模块搜索路径方法
2017/09/11 Python
python 重定向获取真实url的方法
2018/05/11 Python
Python程序包的构建和发布过程示例详解
2019/06/09 Python
英国儿童家具专卖店:GLTC
2016/09/24 全球购物
英国领先的名牌服装折扣零售商:Brown Bag Clothing
2019/01/08 全球购物
世界领先的电子书网站:eBooks.com(在线购买小说、非小说和教科书)
2019/03/30 全球购物
KELLER SPORTS荷兰:在线订购最好的运动产品
2020/10/13 全球购物
威盛公司软件C++工程师笔试题面试题
2012/07/16 面试题
专业实习自我鉴定
2013/10/29 职场文书
自主实习接收函
2014/01/13 职场文书
消防安全管理制度
2014/02/01 职场文书
幼儿园教师工作感言
2014/02/15 职场文书
党支部创先争优承诺书
2014/08/30 职场文书
党的群众路线教育实践活动教师自我剖析材料
2014/10/09 职场文书
redis实现的四种常见限流策略
2021/06/18 Redis