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 保存数组到Cookie的代码
Apr 14 Javascript
在jquery中处理带有命名空间的XML数据
Jun 13 Javascript
JavaScript异步加载浅析
Dec 28 Javascript
jQuery formValidator表单验证
Jan 07 Javascript
基于jQuery实现Ajax验证用户名是否存在实例
Mar 30 Javascript
JavaScript DOM节点操作方法总结
Aug 23 Javascript
浅谈jQuery添加的HTML,JS失效的问题
Oct 05 Javascript
javascript入门之数组[新手必看]
Nov 21 Javascript
用原生JS实现简单的多选框功能
Jun 12 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
Feb 08 Javascript
dts文件中删除一个node或属性的操作方法
Aug 05 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
Dec 07 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
有道搜索和IP138的IP的API接口(PHP应用)
2012/11/29 PHP
php进行ip地址掩码运算处理的方法
2016/07/11 PHP
Linux下安装Memcached服务器和客户端与PHP使用示例
2019/04/15 PHP
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
javascript按位非运算符的使用方法
2013/11/14 Javascript
js实现类bootstrap模态框动画
2017/02/07 Javascript
基于Node.js的WebSocket通信实现
2017/03/11 Javascript
JavaScript登录记住密码操作(超简单代码)
2017/03/22 Javascript
angular ng-model 无法获取值的处理方法
2018/10/02 Javascript
vue 进阶之实现父子组件间的传值
2019/04/26 Javascript
JS forEach跳出循环2种实现方法
2020/06/24 Javascript
python的几种开发工具介绍
2007/03/07 Python
Python 变量类型及命名规则介绍
2013/06/08 Python
将tensorflow的ckpt模型存储为npy的实例
2018/07/09 Python
Python实用技巧之列表、字典、集合中根据条件筛选数据详解
2018/07/11 Python
Python中创建二维数组
2018/10/17 Python
解决Mac下首次安装pycharm无project interpreter的问题
2018/10/29 Python
python实现的自动发送消息功能详解
2019/08/15 Python
django-crontab 定时执行任务方法的实现
2019/09/06 Python
后端开发使用pycharm的技巧(推荐)
2020/03/27 Python
python爬虫学习笔记之Beautifulsoup模块用法详解
2020/04/09 Python
Pycharm中配置远程Docker运行环境的教程图解
2020/06/11 Python
Matlab中plot基本用法的具体使用
2020/07/17 Python
HTML5拖拽文件上传的示例代码
2021/03/04 HTML / CSS
高级Java程序员面试要点
2013/08/02 面试题
90后毕业生的求职信范文
2013/09/21 职场文书
小学生家长评语大全
2014/02/10 职场文书
绿化工程实施方案
2014/03/17 职场文书
募捐倡议书怎么写
2014/05/14 职场文书
课例研修方案
2014/05/31 职场文书
2014年便民服务中心工作总结
2014/12/20 职场文书
硕士论文致谢范文
2015/05/14 职场文书
公司业务员管理制度
2015/08/05 职场文书
小学语文教学随笔
2015/08/14 职场文书
2017春节晚会开幕词
2016/03/03 职场文书
matplotlib之pyplot模块实现添加子图subplot的使用
2021/04/25 Python