프로젝트

AJAX(수정요망)

닉넥임 2013. 7. 22. 16:04
반응형


  AJAX란?

 - AJAX(Asynchronous Javascript and XML) 의 약자로서 비동기 자바스크립트, XML을 말한다.

 - 여기서 비동기란 우리가 흔히 Google 사이트 처럼 검색어를 적었을때 홈페이지의 주소의 변경없이  화면이 전환되는 것을 말한다. 

 - 동기화 사이트의 경우  값을 요청(request)하게 되면 응답(response) 값이 오기전까지 아무런 작업을 할수 없지만 비동기화의 경우 요청만 하고 응답을 받지 않더라도 다음 작업을 수행할수 있기에 매우 유용하다.



<script>

function getXMLHttpRequest() { 
        if (window.ActiveXObject) { 
            try { 
                return new ActiveXObject("Msxml2.XMLHTTP"); 
            } catch (e1) { 
                try { 
                    return new ActiveXObject("Microsoft.XMLHTTP"); 
                } catch (e2) { 
                    return null;
                } 
            } 
        } else if (window.XMLHttpRequest) {
            return new XMLHttpRequest();
        } else { 
            return null; 
        } 
    }// close of getXMLHttpRequest
//start 
    function requestHello(URL) { 
        param = f.name.value; 
        URL = URL + "?name=" + encodeURIComponent(param); 
        xhr = getXMLHttpRequest(); 
        xhr.onreadystatechange = responseHello; 
        xhr.open("GET", URL, true); 
        xhr.send(null); 
    } 

    function responseHello() { 
        if (xhr.readyState == 4)

        { 
            if (xhr.status == 200) {
                var str = xhr.responseText; 
                document.getElementById("message").innerHTML = str; 
                //        alert("success" + xhr.status); 

            } else { 
                alert("Fail : " + xhr.status); 
            } 
        } 
    }// close of responseHello 
</script>
<td>

<input type="button" value="학생관리"

onclick="requestHello('ADMIN_Student.jsp')">

</td>


- 일단 소스의 일부부문만 발췌를 하였기에 예제로 돌릴시에는 돌아가지가 않는다.



반응형

'프로젝트' 카테고리의 다른 글

소스 분석 2) Json파서를 이용하여 값읽어오기.  (0) 2013.07.22
소스 분석 1) Android 에서의 HttpClient  (0) 2013.07.22
zxing(오픈소스)  (0) 2013.07.22
개요  (0) 2013.07.22