XMLHttpRequest

지각생 연습장

Ajax 의 가장중요한 부분이면서 핵심적인 xmlhttprequest 를 이용한 값을 얻어오는 방법입니다. 아래의 함수는 기본적으로 간단한 텍스트를 얻어 오는 방법입니다.

getHttprequest(URL) 로 URL 에 쿼리 스트링으로 주소를 주면 해당 주소의 텍스트 값을 모두 가져 온다. 단, XMLHttpRequest 특성상 해당 URL 에서의 출력값은 UTF 로 값을 넘겨주어야 동작한다.

   function getHttprequest(URL) {
           // 기본적인 변수 선언
           var xmlhttp = null;
           // FF일 경우 window.XMLHttpRequest 객체가 존재한다.
           if(window.XMLHttpRequest) {
               // FF 로 객체선언
               xmlhttp = new XMLHttpRequest();
           } else {
               // IE 경우 객체선언
               xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
           }

           // GET 모드로 URL 주소의 값을 가져온다
           // 주의 해야 할점은 무조건 UTF 로 값이 들어옴
           xmlhttp.open('GET', URL,false);

           // 값을 가져 왔을경우 호출할 메소드를 바로 선언
           xmlhttp.onreadystatechange = function() {

               // readyState 가 4 고 status 가 200 일 경우 올바르게 가져옴
               if(xmlhttp.readyState==4 && xmlhttp.status == 200 && xmlhttp.statusText=='OK') {
                   // responseText 에 값을 저장
                   responseText = xmlhttp.responseText;
               }
           }
           xmlhttp.send();

           // 가져온 xmlhttp 객체의 responseText 값을 반환
           return responseText = xmlhttp.responseText;
       }