xmlHttp와 ASP의 조합을 통해 웹 페이지에 대한 비동기 호출을 쉽게 완료할 수 있습니다.
코드는 다음과 같습니다:
1. 새 Display.asp를 만듭니다(프런트 엔드 디스플레이 페이지입니다).
xmlhttp.readyState의 4가지 속성에 주목하세요
1:로드 중;2:로드됨;3:인터랙티브;4:완료됨
<%@ 언어=VBScript %>
<HTML>
<헤드>
<메타 이름=생성기 콘텐츠=Microsoft Visual Studio 6.0>
</HEAD>
<스크립트 언어=자바스크립트>
xmlhttp = 새로운 ActiveXObject(Msxml2.XMLHTTP);
함수 fnDo(ID)
{
var xmlDom = new ActiveXObject(Msxml2.DOMDocument);
var strURL = GetInfo.asp?ID= + ID;
xmlhttp.Open(POST,strURL, true);
xmlhttp.onreadystatechange = fnRun;
xmlhttp.Send(xmlDom);
divTest.innerHTML = 로드 중...
}
//------------------------------------------------ --------
함수 fnRun()
{
var 상태 = xmlhttp.readyState;
var xmlDom = new ActiveXObject(Msxml2.DOMDocument);
if (상태 == 4)
{
xmlDom.loadXML(xmlhttp.responseXML.xml);
//경고(xmlDom.documentElement.selectSingleNode(//objXML).text)
var getInfo = xmlDom.documentElement.selectSingleNode(//objXML).text;
divTest.innerHTML = getInfo
}
}
</script>
<본문>
<입력 유형=텍스트 ID=txtInput>
<입력 유형=버튼 값=비동기 호출 onclick=fnDo(document.all.txtInput.value)>
<DIV id=divTest></DIV>
<P> </P>
</BODY>
</HTML>
2. GetInfo.asp를 생성합니다(백그라운드 처리 페이지입니다).
<%
희미한 sID,objResult
sID = 트림(요청(ID))
'sID = 28
objResult = Server.CreateObject(MSXML2.DOMDocument) 설정
objResult.loadXML(<objXML></objXML>)
'************************************************ * ************
'************************************************ * ************
objResult.selectSingleNode(objXML).text = 가져오기: & sID
Response.ContentType = 텍스트/xml
objResult.save(응답)
응답.종료
objSch = 없음 설정
objResult = 아무것도 설정하지 않음
%>
3. Display.asp 페이지를 실행하고 텍스트 상자에 내용을 입력한 후 버튼을 클릭하면 로드 프롬프트가 표시되고 페이지를 새로 고치지 않고도 텍스트 상자에 내용을 가져올 수 있습니다. 물론 GetInfo.asp 페이지에 전송된 매개 변수를 기반으로 몇 가지 복잡한 계산을 수행한 다음 결과를 반환할 수도 있습니다.