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实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 Javascript
jquery动态改变div宽度和高度
Feb 09 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
Sep 14 Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
js实现上下左右弹框划出效果
Mar 08 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
Nov 09 Javascript
基于node打包可执行文件工具_Pkg使用心得分享
Jan 24 Javascript
vue2 前端搜索实现示例
Feb 26 Javascript
vue-prop父组件向子组件进行传值的方法
Mar 01 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
Sep 28 Javascript
微信小程序实现页面浮动导航
Jan 08 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
日本收入最高的漫画家:海贼王作者版税年收入高达8.45亿元
2020/03/04 日漫
一些需要禁用的PHP危险函数(disable_functions)
2012/02/23 PHP
用php实现百度网盘图片直链的代码分享
2012/11/01 PHP
php实现改变图片直接打开为下载的方法
2015/04/14 PHP
简单了解PHP编程中数组的指针的使用
2015/11/30 PHP
php获取数据库结果集方法(推荐)
2017/06/01 PHP
php和asp语法上的区别总结
2019/05/12 PHP
PHP使用CURL实现下载文件功能示例
2019/06/03 PHP
PHP中有关长整数的一些操作教程
2019/09/11 PHP
PHP实现爬虫爬取图片代码实例
2021/03/03 PHP
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
2013/04/23 Javascript
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
如何让页面加载完成后执行js
2013/06/26 Javascript
js/html光标定位的实现代码
2013/09/23 Javascript
javascript基于DOM实现权限选择实例分析
2015/05/14 Javascript
js实现精美的银灰色竖排折叠菜单
2015/05/16 Javascript
元素绑定click点击事件方法
2015/06/08 Javascript
jQuery实现鼠标划过添加和删除class的方法
2015/06/26 Javascript
基于JavaScript实现一定时间后去执行一个函数
2015/12/14 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
Jquery-data的三种用法
2017/04/18 jQuery
详解vue-cli 脚手架项目-package.json
2017/07/04 Javascript
jqgrid实现简单的单行编辑功能
2017/09/30 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
2019/08/27 Javascript
python pexpect ssh 远程登录服务器的方法
2019/02/14 Python
Django Admin设置应用程序及模型顺序方法详解
2020/04/01 Python
查看jupyter notebook每个单元格运行时间实例
2020/04/22 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
协议书模板
2014/04/23 职场文书
建筑结构施工求职信
2014/07/11 职场文书
2014收银员工作总结范文
2014/12/16 职场文书
导游词之茶卡盐湖
2019/11/26 职场文书
详细聊聊MySQL中慢SQL优化的方向
2021/08/30 MySQL