js 如何實現對數據庫的增刪改查

更新時間：2012年11月23日 15:54:38 作者：

JavaScript操作數據庫JS操作Access數據庫，跟其他語言操作差不多，總結了一下習慣代碼，需要的朋友可以參考下

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> 

您可能感興趣的文章:

PHPMyAdmin導入時提示文件大小超出PHP限制的解決方法
這篇文章主要介紹了PHPMyAdmin導入時提示文件大小超出PHP限制的解決方法,造成這個問題的原因是PHP上傳大小限制為2MB,修改PHP.ini配置即可解決這問題,需要的朋友可以參考下
2015-03-03
js實現倒計時(距離結束還有)示例代碼
本文與大家分享個js實現倒計時的代碼，主要實現功能距離結束還有多少時間，感興趣的朋友可以參考下，希望對大家學習js有所幫助
2013-07-07
JavaScript實現秒殺時鐘倒計時
這篇文章主要為大家詳細介紹了JavaScript實現秒殺時鐘倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09
JavaScript Canvas實現驗證碼
這篇文章主要為大家詳細介紹了JavaScript Canvas實現驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-08-08
基于js 各種排序方法和sort方法的區(qū)別(詳解)
下面小編就為大家分享一篇基于js 各種排序方法和sort方法的區(qū)別(詳解)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
js實現防止用戶重復點擊的三種方法
本文主要介紹了js實現防止用戶重復點擊的三種方法,包括通過禁用按鈕、解綁點擊事件和使用標記,具有一定的參考價值,感興趣的可以了解一下
2025-02-02
JavaScript使用鍵盤輸入控制實現數字驗證功能
根據鍵盤輸入的keycode來判斷輸入的是什么類型來實現數字驗證功能，就簡單幾行代碼就可以實現，對js數字驗證功能感興趣的朋友一起看下吧
2016-08-08
字符串的replace方法應用淺析
按照W3C的說明，String對象的replace方法調用方式是stringObject.replace(regexp/substr,replacement)。
2011-12-12
JS獲取表格視圖所選行號的ids過程解析
這篇文章主要介紹了JS獲取表格視圖所選行號的ids過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-02-02
每天一篇javascript學習小結（基礎知識）
這篇文章主要介紹了javascript基本的知識點，包括字符串、特殊字符運算、變量轉字符串等，對javascript的基礎知識講解的很全面，為了更好地幫助大家學習javascript，感興趣的小伙伴們可以參考一下
2015-11-11