ASP+AJAX+ACCESS 데이터베이스 인 스 턴 스 설명 3 단계 공유

이 ajax 인 스 턴 스 튜 토리 얼 을 보고 나 는 당신 도 초급 AJAX 응용 을 쉽게 만 들 수 있 을 것 이 라 고 믿 습 니 다.당신 도 직접 방문 할 수 있 습 니 다.자,이제 한 걸음 한 걸음 AJAX+ASP 기초 응용 을 알 게 해 드 리 겠 습 니 다.세 단계 로 나 누 어 설명 하 겠 습 니 다.다음 과 같 습 니 다.1.프론트 AJAX 코드(javascript)의 생 성2.백 엔 드 서버 ASP AJAX 코드 의 작성.3.ASP+AJAX+데이터베이스 의 인 스 턴 스 데모 및 설명.첫 번 째 단계:프론트 AJAX 코드(javascript)의 생 성.먼저 index.html 프론트 파일 을 만 듭 니 다.내용 코드 는 다음 과 같 습 니 다

 
<html> 
<head> 
<title>AJAX    -AJAX    -ASP+AJAX+ACCESS     -    ajax    </title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
</head> 
<body> 
<script> var xmlHttp 

function showCustomer(str) 
{ 
var url="getcustomer.asp?sid=" + Math.random() + "&q=" + str 
xmlHttp=GetXmlHttpObject(stateChanged) 
xmlHttp.open("GET", url , true) 
xmlHttp.send(null) 
} 

function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") 
{ 
document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
} 
} 

function GetXmlHttpObject(handler) 
{ 
var objXmlHttp=null 

if (navigator.userAgent.indexOf("Opera")>=0) 
{ 
alert("This example doesn't work in Opera") 
return; 
} 
if (navigator.userAgent.indexOf("MSIE")>=0) 
{ 
var strName="Msxml2.XMLHTTP" 

if (navigator.appVersion.indexOf("MSIE 5.5")>=0) 
{ 
strName="Microsoft.XMLHTTP" 
} 
try 
{ 
objXmlHttp=new ActiveXObject(strName) 
objXmlHttp.onreadystatechange=handler 
return objXmlHttp 
} 
catch(e) 
{ 
alert("Error. Scripting for ActiveX might be disabled") 
return 
} 
} 
if (navigator.userAgent.indexOf("Mozilla")>=0) 
{ 
objXmlHttp=new XMLHttpRequest() 
objXmlHttp.onload=handler 
objXmlHttp.onerror=handler 
return objXmlHttp 
} 
} 
</script> 
<form>     : 
<select name="customers" onchange="showCustomer(this.value)"> 
<option value="1">  .by.alixixi.com</option> 
<option value="2">   </option> 
<option value="3">   </option> 
</select> 
</form><p> 
<div id="txtHint"><b>    ...</b></div> 
</p></body> 
</html>

ajax 코드 설명:핵심 코드 는 JS 부분 입 니 다.그 원 리 는 고객 의 Microsoft.XML HTTP 대상 을 만 들 고 프론트 데이터 와 서버 ASP 의 상호작용 을 완성 하 는 것 입 니 다.그리고 주의해 야 할 것 은라 는 줄 코드 입 니 다.원 리 는 showCustomer(this.value)를 통 해 AJAX 의 프론트 스 크 립 트 대상 을 터치 하고 사용자 가 드 롭 다운 목록 에서 선택 한 결과 데 이 터 를 Microsoft.XML HTTP 를 통 해 서버 에 보 내 처리 하 는 것 입 니 다.프론트 ID 가 txt Hint 인

사용자 정보...

레이 어 레이 블 로 되 돌아 갑 니 다.두 번 째 단계:백 엔 드 서버 ASP AJAX 코드 의 작성.방금 index.html 를 만 들 었 습 니 다.우 리 는 이어서 getcustomer.asp 파일 을 만 들 었 습 니 다.당신 의 ASP 환경 을 확인 하 십시오.OK:)getcustomer.asp 의 코드 는 다음 과 같 습 니 다

 
<% 
sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID=" 
sql=sql & request.querystring("q") 
set conn=Server.CreateObject("ADODB.Connection") 
conn.Provider="Microsoft.Jet.OLEDB.4.0" 
conn.Open(Server.Mappath("ajaxjiaocheng.mdb")) 
set rs = Server.CreateObject("ADODB.recordset") 
rs.Open sql, conn 
Response.CharSet = "GB2312" 
if not rs.EOF then 
response.write "<li>  ："&rs(0)&"</li>" 
response.write "<li>  ："&rs(1)&"</li>" 
response.write "<li>  ："&rs(2)&"</li>" 
response.write "<li>  ："&rs(3)&"</li>" 
end if 
rs.close 
set rs = nothing 
conn.close 
set conn = nothing 
%>

ajax 코드 설명:asp 기반 이 있 는 친구 가 보면 알 수 있 습 니 다.데이터베이스 코드 를 연결 하고 프론트 데스크 에서 보 내 온 q 매개 변수 와 해당 하 는 데이터 베 이 스 를 조회 한 결과:

 
sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID=" 
sql=sql & request.querystring("q") 
set conn=Server.CreateObject("ADODB.Connection") 
conn.Provider="Microsoft.Jet.OLEDB.4.0" 
conn.Open(Server.Mappath("ajaxjiaocheng.mdb")) 
set rs = Server.CreateObject("ADODB.recordset") 
rs.Open sql, conn

이 어 주의해 야 할 것 은 바로 이 줄 코드 입 니 다.Response.Charset="GB 2312"라 는 말 이 매우 관건 적 입 니 다.ajax 중국어 코드 를 해결 하 는 많은 사람들 이 AJAX 를 사용 하 는 과정 에서 ajax 중국어 디 스 플레이 가 어 지 러 워 지 는 문 제 를 자주 만 날 수 있 습 니 다.사실 ASP+AJAX 응용 프로그램 에 서 는 이 문 제 를 쉽게 해결 할 수 있 습 니 다.Response.Write 구문 이 중국어 내용 을 출력 하기 전에 이 코드 를 추가 하면 ajax 중국어 코드 문 제 를 쉽게 해결 할 수 있 습 니 다.다음 코드 를 계속 설명 하 는 것 은 해당 하 는 데이터 베이스 조회 결 과 를 표시 하고 데이터 베이스 연결 을 닫 는 것 입 니 다

 
if not rs.EOF then 
response.write "<li>  ："&rs(0)&"</li>" 
response.write "<li>  ："&rs(1)&"</li>" 
response.write "<li>  ："&rs(2)&"</li>" 
response.write "<li>  ："&rs(3)&"</li>" 
end if 
rs.close 
set rs = nothing 
conn.close 
set conn = nothing

세 번 째 단계:ASP+AJAX+데이터 베이스 의 인 스 턴 스 데모 와 설명 을 통 해 코드 가 매우 간단명료 합 니 다.데이터베이스 시트 의 설명 은 다음 과 같 습 니 다.라 이브 러 리 이름:ajax jiaocheng.mdb 표 이름:Customers 필드 1:CustomerID 자동 번호 필드 2:Name 텍스트 형식 필드 3:NL 디지털 형식 필드 4:Address 텍스트 형식 을 보 았 습 니 다.AJAX 의 작업 원 리 를 이해 할 수 있 을 지 모 르 겠 습 니 다.본 튜 토리 얼 에 따라 코드 를 작성 하고 테스트 하 는 것 을 권장 합 니 다.이 인 스 턴 스 는 직관 적 으로 이렇게 이해 할 수 있 습 니 다.index.html 페이지 의드 롭 다운 목록 을 통 해 JS 코드 의 showCustomer(this.value)이 벤트 를 촉발 하 는 것 을 선택 하 십시오.선택 한 option 값을 다음 코드 로 ASP 파일 에 전달 합 니 다:var url="getcustomer.asp?sid="+Math.random()+"&q="+str xmlHttp=GetXmlHttp Object(state Changed)xmlHttp.open("GET",url,true)xmlHttp.send(null)ASP 파일 을 q 인자 로 받 은 후 데이터베이스 에 해당 하 는 조회 결 과 를 출력 합 니 다.그리고 js 는 asp 의 출력 상 태 를 검사 합 니 다.출력 이 완료 되면 결 과 를 index.html 파일 ID 가 txt Hint 인 탭 으로 되 돌려 줍 니 다.인터넷 의 세계 에서 나 는 자신 이 할 수 있 는 일이 없다 고 느낀다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

AJAX의 도메인 간 액세스 - 두 가지 효과적인 해결 방법 소개

새로운 W3C 정책은 HTTP 크로스 도메인 접근을 실현했고 제가 오랫동안 이 문제를 해결한 덕분입니다. servlet에서 되돌아오는 머리 정보에 Access-Control-Allow-Origin을 추가하면 됩니다....

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

ASP+AJAX+ACCESS 데이터베이스 인 스 턴 스 설명 3 단계 공유

좋은 웹페이지 즐겨찾기