간단 한 AJAX 요청 클래스

블 로그 에 새로 고침 검색 과 실시 간 검증 검 사 를 하지 않 은 후에 코드 를 보 았 습 니 다.너무 번 거 로 워 서 XML Http Request 요청 을 한 클래스 에 밀봉 하여 사용 하기에 훨씬 편리 합 니 다.그렇게 많은 코드 를 기억 하지 않 아 도 됩 니 다.XML Http Request 대상 을 만 드 는 것 도 재 활용 성 이 높 습 니 다.이미 포장 되 어 로그 의 끝 에 다운로드 되 었 습 니 다.효 과 를 보 려 면 사 이 드 바 에 있 는 로그 검색 을 누 르 세 요.안에 새로 고침 없 는 검색 이 있 으 면 됩 니 다.로그 나 방명록 에 있 는 등록 코드 를 읽 으 면 실시 간 으로 검 측 됩 니 다.인증 코드 를 입력 하지 않 거나 인증 코드 를 잘못 입력 하면 입력 상자 가 빨 개 집 니 다^ ^클래스 이름:AJAXRequest 생 성 방법:var ajaxobj=new AJAXRequest;,생 성 에 실패 하면 false 속성 을 되 돌려 줍 니 다:method  -  요청 방법,문자열,POST 또는 GET,기본 값 은 POST url 입 니 다.         -  요청 URL,문자열,기본 값 은 빈 async     -  비동기,true 는 비동기,false 는 동기 화,기본 값 은 true content 입 니 다. -  요청 한 내용 입 니 다.요청 방법 이 POST 일 경우 이 속성 을 설정 해 야 합 니 다.기본 값 은 빈 콜백 입 니 다.  - 리 셋 함수,즉 응답 내용 을 되 돌 릴 때 호출 되 는 함수 입 니 다.기본적으로 리 셋 함수 에는 XML HttpRequest 대상 인 인자 가 있 습 니 다.리 셋 함 수 를 정의 할 때 다음 과 같이 해 야 합 니 다:function mycallback(xmlobj)방법:send     -  요청 을 보 내 고 인자 가 없 는 예:

<script type="text/javascript" src="ajaxrequest.js"></script>
<script type="text/javascript">
var ajaxobj=new AJAXRequest;    //  AJAX
ajaxobj.method="GET";   //  GET
ajaxobj.url="default.asp"  // URL default.asp
//  ,
ajaxobj.callback=function(xmlobj) {
     document.write(xmlobj.responseText);
}
ajaxobj.send();    // 

// AJAX
function AJAXRequest() {
    var xmlObj = false;
    var CBfunc,ObjSelf;
    ObjSelf=this;
    try { xmlObj=new XMLHttpRequest; }
    catch(e) {
        try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
        catch(e2) {
            try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
            catch(e3) { xmlObj=false; }
        }
    }
    if (!xmlObj) return false;
    this.method="POST";
    this.url;
    this.async=true;
    this.content="";
    this.callback=function(cbobj) {return;}
    this.send=function() {
        if(!this.method||!this.url||!this.async) return false;
        xmlObj.open (this.method, this.url, this.async);
        if(this.method=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        xmlObj.onreadystatechange=function() {
            if(xmlObj.readyState==4) {
                if(xmlObj.status==200) {
                    ObjSelf.callback(xmlObj);
                }
            }
        }
        if(this.method=="POST") xmlObj.send(this.content);
        else xmlObj.send(null);
    }
}

좋은 웹페이지 즐겨찾기