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 版本自动生成文章摘要
Jul 23 Javascript
为调试JavaScript添加输出窗口的代码
Feb 07 Javascript
js 动态文字滚动的例子
Jan 17 Javascript
解析js原生方法创建表格效率测试
Jul 08 Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 Javascript
Node.js 学习笔记之简介、安装及配置
Mar 03 Javascript
JavaScript实现梯形乘法表的方法
Apr 25 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
May 07 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
Nov 09 Javascript
JS中使用media实现响应式布局
Aug 04 Javascript
JQuery属性操作与循环用法示例
May 15 jQuery
用node.js写一个jenkins发版脚本
May 21 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
php学习之简单计算器实现代码
2011/06/09 PHP
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
php判断字符串在另一个字符串位置的方法
2014/02/27 PHP
php实现base64图片上传方式实例代码
2017/02/22 PHP
IE8 浏览器Cookie的处理
2009/01/31 Javascript
jquery中load方法的用法及注意事项说明
2014/02/22 Javascript
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
js简单实现交换Li的值
2014/05/22 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
jQuery页面刷新(局部、全部)问题分析
2016/01/09 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
Angularjs 创建可复用组件实例代码
2016/10/09 Javascript
详解ES6之async+await 同步/异步方案
2017/09/19 Javascript
vue 自动化路由实现代码
2019/09/03 Javascript
jquery实现简单自动轮播图效果
2020/07/29 jQuery
Python实现的文本简单可逆加密算法示例
2017/05/18 Python
pandas.DataFrame 根据条件新建列并赋值的方法
2018/04/08 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
对python numpy.array插入一行或一列的方法详解
2019/01/29 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
关于django 1.10 CSRF验证失败的解决方法
2019/08/31 Python
Python3中的f-Strings增强版字符串格式化方法
2020/03/04 Python
python数据库编程 ODBC方式实现通讯录
2020/03/27 Python
python实现文法左递归的消除方法
2020/05/22 Python
python如何查看网页代码
2020/06/07 Python
受希腊女神灵感的晚礼服、鸡尾酒礼服和婚纱:THEIA
2018/04/15 全球购物
销售员自我评价怎么写
2013/09/19 职场文书
工厂实习感言
2014/01/14 职场文书
2014大学生全国两会学习心得体会
2014/03/13 职场文书
幼儿园教研活动总结
2014/04/30 职场文书
银行金融服务方案
2014/06/11 职场文书
离婚协议书怎么写
2014/09/12 职场文书
2019年鼓励无偿献血倡议书
2019/09/17 职场文书
python模块与C和C++动态库相互调用实现过程示例
2021/11/02 Python
Html5同时支持多端sdk的小技巧
2021/11/17 HTML / CSS