<!---------------------->
<!-- ajaxTest.asp -->
<!---------------------->
<script>
var ajax_test;
function getHttpRequest(){
var tt = document.forms[0].ttt.value;
// 비동기 요청/응답에 사용할 객체 생성
ajax_test = new ActiveXObject("Microsoft.XMLHTTP");
// 콜백함수 연결
// 요청 객체의 readyState값이 변경될 때마다 콜백함수 호출
ajax_test.onreadystatechange = ajax_test_rev;
// 요청에 대한 초기화 작업
// 매개변수:1. 전송방식, 2. 요청할 파일(URL), 3.동기(false)/비동기(true)여부
ajax_test.open("GET", "test.asp?ttt=" + tt, true);
// 요청 개시
// 비동기 방식이라면 바로 요청하고, 동기식이면 서버 응답이 있을 때까지 대기한 후 요청함
ajax_test.send();
}
// 상태변경시마다 호출될 콜백함수
function ajax_test_rev(){
if(ajax_test.readyState == 4){ // 객체의 상태(0:비초기화, 1:로딩, 3:상호작용, 4: 완료)
if(ajax_test.status == 200){ // http 상태(200:확인, 404:파일못찾음, 202:값없음)
if(typeof(document.all["dd"]) == "object"){
// 응답된 텍스트를 원하는 레이어에 출력
// responseText에 응답된 내용이 저장되어 있음
document.getElementById("dd").innerHTML = ajax_test.responseText;
}
}
}
}
var dragflag = false;
var dragobj,dragfrm,x,y,sleft,sright;
function move(e){
if(dragflag){
dragobj.style.left = sleft + event.clientX - x;
dragobj.style.top = sright + event.clientY - y;
}
return false;
}
function drags(obj, e){
dragobj = eval("document.all."+obj);
dragflag = true;
sleft = parseInt(dragobj.style.left + 0);
sright = parseInt(dragobj.style.top + 0);
x = event.clientX;
y = event.clientY;
document.onmousemove = move;
return false;
}
document.onmouseup = new Function("dragflag = false;");
</script>
<body>
<form name="frm_dd">
<input type="text" name="ttt"><br>
<!-- 버튼 클릭 시 test.asp페이지 요청을 위해 getHttpRequest() 호출 -->
<input type="button" onclick="document.all.dd.style.display='';getHttpRequest();" value="비동기 파일응답받기">
<input type="button" onclick="document.all.dd.style.display='none';" value="감추기">
</form>
<!-- 요청한 페이지를 표시할 레이어 -->
<div id="dd" style="position:absolute;display:none;left:100px;top:100px;width:200px;height=200px;"></div>
</body>
<!---------------------->
<!------ Test.asp ---->
<!---------------------->
<%
response.charset = "euc-kr"
%>
<BODY>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr height="32">
<td align="left" onMousedown="drags('dd',event);" bgColor="red">
<div id="ddtitle" style="border-style:solid;border-width:1px;width:100%;width:100%;height:100%">
<font color="#ffffff"> 이동막대 </font>
<span id="vv" style="cursor:hand;font-size:9pt" onClick="document.all.ddsub.style.display='';">[최대화]</span>
<span id="hh" style="cursor:hand;font-size:9pt" onClick="document.all.ddsub.style.display='none';">[최소화]</span>
</div>
</td>
</tr>
<tr height="168">
<td>
<div id="ddsub" style="border-style:solid;border-width:1px;width:100%;height:100%">
<h1><%=request("ttt")%></h1>
</div>
</td>
</tr>
</table>
</BODY>
':::: 개발 :::: > ::: A S P :::' 카테고리의 다른 글
| asp 모든 세션 루프로 출력하기 (0) | 2014.12.01 |
|---|---|
| dext upload 참고 (0) | 2014.11.12 |
| JSP Split 메소드 이용 하여 문자 자르기 트 (0) | 2010.06.22 |
| [본문스크랩] [Ajax] ASP와 연동하여 우편번호 검색하기 (0) | 2009.12.28 |
| [본문스크랩] ASP 내장함수 (0) | 2009.12.28 |
| [본문스크랩] Formatcurrency (0) | 2009.12.28 |
| [본문스크랩] Request와 Response 객체 활용 (1) | 2009.12.28 |
| 080428 작업 소스 정리 (0) | 2009.12.28 |