AJAX 개발 에 편리 한 유 니 버 설 클래스

Name: AJAXRequest Author: HotHeart(xujiwei) Site: http://www.xujiwei.cn/ Blog: http://www.xujiwei.cn/blog/ Copyright (c) 2006, All Rights Reserved 클래스 이름:AJAXRequest 버 전:0.3 날짜:2006-12-18 소개:AJAXRequest 는 AJAX 개발 에 편리 한 유 니 버 설 클래스 로 AJAX 에서 필요 한 조작 을 편리 하 게 진행 하여 개발 절 차 를 간소화 하고 중복 코드 의 작 성 량 을 줄 일 수 있 습 니 다.만 드 는 방법:var ajaxobj=new AJAXRequest([url],[callback],[content],[method],[async]); 생 성 에 실패 하면 false 속성 을 되 돌려 줍 니 다:url       - 요청 URL,문자열,기본 값 은 빈 콜백  - 리 셋 함수,즉 응답 내용 을 되 돌 릴 때 호출 되 는 함수 입 니 다.기본적으로 리 셋 함수 에는 XML HttpRequest 대상 인 인자 가 있 습 니 다.리 셋 함 수 를 정의 할 때 다음 과 같이 해 야 합 니 다:function mycallback(xmlobj) content   - 요청 한 내용 입 니 다.요청 방법 이 POST 이면 이 속성 을 설정 해 야 합 니 다.기본 값 은 빈 문자열 method 입 니 다.    - 요청 방법,문자열,POST 또는 GET,기본 값 은 POST async 입 니 다.      - 비동기,true 는 비동기,false 는 동기 화,기본 값 은 true 방법 function 입 니 다. send([url],[callback],[content],[method],[async])에서 요청 을 보 냅 니 다.선택 가능 한 매개 변수 목록 이 비어 있 으 면 대상 속성 function 을 사용 합 니 다. get([url],[callback])GET 방법 으로 URL 을 요청 합 니 다.선택 가능 한 매개 변 수 는 기본적으로 대상 속성 function 을 사용 합 니 다. post(form_obj,[callback],[url],[method])지정 한 URL 로 폼 을 보 냅 니 다.formobj 는 지정 한 폼 대상 이 고 선택 할 수 있 는 매개 변 수 는 비어 있 을 때 대상 속성 예제:1. get 방법 function test1() {     var ajax=new AJAXRequest;     ajax.get(         "test.asp",         function(obj) {             document.getElementById("test1").value=obj.responseText;         }     ); } 2. post 방법 function test2() {     var ajax=new AJAXRequest;     ajax.post(         document.getElementById("test2c"),         function(obj) {             document.getElementById("test2r").innerHTML=obj.responseText;         }     ); }

/*------------------------------------------ 
Author: xujiwei 
Website: http://www.xujiwei.cn 
E-mail: [email protected] 
Copyright (c) 2006, All Rights Reserved 
------------------------------------------*/ 
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; 
    if(arguments[0]) this.url=arguments[0]; else this.url=""; 
    if(arguments[1]) this.callback=arguments[1]; else this.callback=function(obj){return}; 
    if(arguments[2]) this.content=arguments[2]; else this.content=""; 
    if(arguments[3]) this.method=arguments[3]; else this.method="POST"; 
    if(arguments[4]) this.async=arguments[4]; else this.async=true; 
    this.send=function() { 
        var purl,pcbf,pc,pm,pa; 
        if(arguments[0]) purl=arguments[0]; else purl=this.url; 
        if(arguments[1]) pc=arguments[1]; else pc=this.content; 
        if(arguments[2]) pcbf=arguments[2]; else pcbf=this.callback; 
        if(arguments[3]) pm=arguments[3]; else pm=this.method; 
        if(arguments[4]) pa=arguments[4]; else pa=this.async; 
        if(!pm||!purl||!pa) return false; 
        xmlObj.open (pm, purl, pa); 
        if(pm=="POST") xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
        xmlObj.onreadystatechange=function() { 
            if(xmlObj.readyState==4) { 
                if(xmlObj.status==200) { 
                    pcbf(xmlObj); 
                } 
                else { 
                    pcbf(null); 
                } 
            } 
        } 
        if(pm=="POST") 
            xmlObj.send(pc); 
        else 
            xmlObj.send(""); 
    } 
    this.get=function() { 
        var purl,pcbf; 
        if(arguments[0]) purl=arguments[0]; else purl=this.url; 
        if(arguments[1]) pcbf=arguments[1]; else pcbf=this.callback; 
        if(!purl&&!pcbf) return false; 
        this.send(purl,"",pcbf,"GET",true); 
    } 
    this.post=function() { 
        var fo,pcbf,purl,pc,pm; 
        if(arguments[0]) fo=arguments[0]; else return false; 
        if(arguments[1]) pcbf=arguments[1]; else pcbf=this.callback; 
        if(arguments[2]) 
            purl=arguments[2]; 
        else if(fo.action) 
            purl=fo.action; 
        else 
            purl=this.url; 
        if(arguments[3]) 
            pm=arguments[3]; 
        else if(fo.method) 
            pm=fo.method.toLowerCase(); 
        else 
            pm="post"; 
        if(!pcbf&&!purl) return false; 
        pc=this.formToStr(fo); 
        if(!pc) return false; 
        if(pm) { 
            if(pm=="post") 
                this.send(purl,pc,pcbf,"POST",true); 
            else 
                if(purl.indexOf("?")>0) 
                    this.send(purl+"&"+pc,"",pcbf,"GET",true); 
                else 
                    this.send(purl+"?"+pc,"",pcbf,"GET",true); 
        } 
        else 
            this.send(purl,pc,pcbf,"POST",true); 
    } 
    // formToStr 
    // from SurfChen <[email protected]> 
    // @url     http://www.surfchen.org/ 
    // @license http://www.gnu.org/licenses/gpl.html GPL 
    // modified by xujiwei 
    // @url     http://www.xujiwei.cn/ 
    this.formToStr=function(fc) { 
        var i,query_string="",and=""; 
        for(i=0;i<fc.length;i++) { 
            e=fc[i]; 
            if (e.name!='') { 
                if (e.type=='select-one') { 
                    element_value=e.options[e.selectedIndex].value; 
                } 
                else if (e.type=='checkbox' || e.type=='radio') { 
                    if (e.checked==false) { 
                        continue;     
                    } 
                    element_value=e.value; 
                } 
                else { 
                    element_value=e.value; 
                } 
                element_value=encodeURIComponent(element_value); 
                query_string+=and+e.name+'='+element_value; 
                and="&"; 
            } 
        } 
        return query_string; 
    } 
}