> 웹 프론트엔드 > JS 튜토리얼 > js에서 데이터베이스를 추가, 삭제, 수정 및 확인하는 방법

js에서 데이터베이스를 추가, 삭제, 수정 및 확인하는 방법

怪我咯
풀어 주다: 2017-07-07 15:01:25
원래의
5729명이 탐색했습니다.

JavaScript작업 데이터베이스 JS는 다른 언어 작업과 유사한 Access 데이터베이스를 운영합니다. 필요한 친구는 이를 참조할 수 있습니다. JS는 다른 언어 작업과 유사합니다. 참조 및 연구용으로 사용자 정의 코드를 요약했습니다.

이제 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+",&#39;"+stuName+"&#39;)"; 
try{ 
conn.execute(sql); 
alert("添加成功"); 
} 
catch(e){ 
document.write(e.description); 
alert("添加失败~~~"); 
} 
conn.close(); 
} 
</script> 
</HEAD> 
<BODY> 
<table width=100 border=1> 
<tr bgcolor=&#39;#f4f4f4&#39;> 
<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=&#39;" + userName + "&#39; where Id=" + userId + ""; 
conn.execute(sql); 
conn.close(); 
conn = null; 
alert("修改成功"); 
} 
</script> 
<BODY> 
<table width=100 border=1> 
<tr bgcolor=&#39;#f4f4f4&#39;> 
<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>
로그인 후 복사

위 내용은 js에서 데이터베이스를 추가, 삭제, 수정 및 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿