当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JavaScript操作数据库JS操作Access数据库

JavaScript操作数据库JS操作Access数据库

2019年11月27日  | 移动技术网IT编程  | 我要评论

avascript操作数据库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="添加" οnclick="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="删除" οnclick="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="修改" οnclick="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>

相信很多人在刚接触前端或者中期时候总会遇到一些问题及瓶颈期，如学了一段时间没有方向感或者坚持不下去一个人学习枯燥乏味有问题也不知道怎么解决，对此我整理了一些资料 喜欢我的文章想与更多资深大牛一起讨论和学习的话 欢迎加入我的学习交流群907694362

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网