통신 Ajax (XMLHttpRequest) 샘플

황제낙엽 2017.08.01 14:40 조회 수 : 93

sitelink1 https://www.omnibuscode.com/board/index...._srl=56147 
sitelink2  
sitelink3  
sitelink4  
extra_vars4  
extra_vars5  
extra_vars6  

/**

 * path : 요청받을 서비스페이지

 * params : 전송할 데이터 (name1=value1&name2=value2&name3=value3)

 */

function request(path, params) {
    var _ajax = new XMLHttpRequest();
    _ajax.onreadystatechange = function() {
        if (checkAjaxSuc(_ajax)) {
            var resMsg = _ajax.responseText;
            if (resMsg.length > 0) alert(resMsg);
        }
    };

 

    // POST 방식으로 요청시
    _ajax.open("POST", path);
    _ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

    try {
        _ajax.send(params);
    } catch (e) {        
        if (e.message && e.message.indexOf("0x80004005") > -1) {
            return;
        }
    }

 

    // GET 방식으로 요청시

    /***

    _ajax.open("GET", path+"?"+params);

    _ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

    try {
        _ajax.send("");
    } catch (e) {        
        if (e.message && e.message.indexOf("0x80004005") > -1) {
            return;
        }
    }

    ***/

}

 

 

function checkAjaxSuc(ajax) {
    if (ajax.readyState == 4) {
        try {
            return ( ajax.status  >= 200 &&  ajax.status < 300);
        } catch (ignore) {
            return false;
        }
    }
    return false;
}

번호 제목 글쓴이 날짜 조회 수
197 경과 시간 구하기 황제낙엽 2019.10.04 1071
196 입력받은 날짜와 현재 날짜와의 비교 함수 황제낙엽 2019.08.02 499
195 사용자 모듈 만들기 황제낙엽 2019.07.09 41735
194 charcode 32와 160 차이 (javascript char 160 to 32) 황제낙엽 2019.05.11 55
193 UTF-8 한글 초성 추출 (자바스크립트) 황제낙엽 2019.05.07 243
192 IE브라우저에서 서버의 XML파일을 ajax로 가져와 DOM파싱하는 예제 (XMLHttpRequest, XML, ActiveXObject) 황제낙엽 2018.11.23 103
191 XMLHttpRequest.timeout 황제낙엽 2018.11.03 248
190 부동소수점 (floating-point) file 황제낙엽 2018.03.26 1122
189 User Agent Parser들 황제낙엽 2017.11.20 4132
188 window.postMessage 이해하기 file 황제낙엽 2017.10.16 1612
187 브라우저의 새로고침과 종료에 대한 이벤트 황제낙엽 2017.08.11 2725
186 XMLHttpRequest 제대로 활용하기 file 황제낙엽 2017.08.01 58
» Ajax (XMLHttpRequest) 샘플 황제낙엽 2017.08.01 93
184 Javascript CORS/XSS 극복하는(피하는) 방법 file 황제낙엽 2017.07.31 648
183 JSON.parse() - feat. Object.assign 황제낙엽 2017.07.09 77
182 자바스크립트 타입 비교 테이블 + 테이블 작성 스크립트 [1] file 황제낙엽 2017.06.23 85
181 HTTP 접근 제어 (CORS) 황제낙엽 2017.05.29 125
180 |= 비트 OR 대입 연산자 (복합대입연산자) 황제낙엽 2017.03.15 73
179 CORS(Cross-Origin Resource Sharing) - 5 file 황제낙엽 2017.03.07 261
178 CORS(Cross-Origin Resource Sharing) - 4 file 황제낙엽 2017.03.07 873