웹마스터 팁

  2. Support
  3. 웹마스터 팁

스크립트 객체로 AJAX 구현하기

2007.08.20 23:59

nextini

개요
정확하게는 AJAJs가 되는 셈입니다.
AJAJs의 정의 : AJAX의 본말 중에서  XML을 Script로 바꿔치기한 것의 약자.

1. Script 객체로 AJAJs를 구현 (AJAX는 XMLHttpRequest로 구현)
2. GET 방식만 가능

본론
스크립트 언어를 받아서 브라우저가 해석하므로 서버에서 데이터의 처리법까지 기술 가능. 최상의 경우 단순 대입코드만으로 단순화. (적용 분야에 따라서 복잡해질 수도 있음)

서버 측 코드
alert("니가 한 말은 <?=$said?>");

클라이언트 측 코드
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<div id="test">
    <script type="text/javascript">
        var Obj = document.getElementById("test");
        var loc = "test.php";
        function say(){
            var said = document.getElementById("prompt").value;
            var JsObj = document.createElement("script");
            JsObj.src = loc + "?said=" + said;
            Obj.appendChild(JsObj);
        }
    </script>
    <input type="input" value="말 입력하시오" id="prompt" />
    <input type="button" value="말 보내기" onclick="say();" />
</div>
</body>
</html>


예제 테스트 : http://ubiskorea.mireene.com/ajajs.html

뱀발

    - 무성의한 예제 죄송, 향후 충실한 예제 업로드 하겠음


이 게시물을
수정 삭제
좋아요
목록
태그 쓰기