手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js 如何实现对数据库的增删改查
js 如何实现对数据库的增删改查
摘要:JavaScript操作数据库JS操作Access数据库,跟其他语言操作差不多,总结了一下习惯代码,仅供参考学习。现在在F盘有文件abc.m...

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="添加"/>

</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="删除"/>

</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="修改"/>

</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>

【js 如何实现对数据库的增删改查】相关文章:

jquery简单实现外部链接用新窗口打开的方法

JS实现兼容各浏览器解析XML文档数据的方法

javascript用函数实现对象的方法

js+cookies实现悬浮购物车的方法

JavaScript实现带标题的图片轮播特效

Javascript实现div层渐隐效果的方法

js实现鼠标划过给div加透明度的方法

js实现div层缓慢收缩与展开的方法

js实现两点之间画线的方法

JS实现两表格里数据来回转移的方法

精品推荐
分类导航