통신 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;
}

번호 제목 글쓴이 날짜 조회 수
27 [JavaScript Tutorials] Handling runtime errors in JavaScript using try/catch/finally (해석중) 황제낙엽 2009.04.08 2784
26 연속해서 스트림 받기 (flush data from servlet to jsp with ajax) 황제낙엽 2013.01.04 2428
25 외부 라이브러리 (.js) 의 바람직하지 않은 동적 로딩 (eval함수 이용) 황제낙엽 2012.01.18 1851
24 CORS(Cross-Origin Resource Sharing) - 4 file 황제낙엽 2017.03.07 880
23 Javascript CORS/XSS 극복하는(피하는) 방법 file 황제낙엽 2017.07.31 648
22 Javascript 를 사용하여 Binary File 읽기 황제낙엽 2010.09.29 500
21 XMLHttpRequest 의 이벤트 onreadystatechange 황제낙엽 2012.05.30 412
20 진행 상황 추적하기(XMLHttpRequest.readyState) file 황제낙엽 2012.05.23 324
19 CORS(Cross-Origin Resource Sharing) - 5 file 황제낙엽 2017.03.07 261
18 XMLHttpRequest.timeout 황제낙엽 2018.11.03 248
17 두 서버의 자원을 접근하는 클라이언트 프레임웍(Next.js)에서의 CORS오류 file 황제낙엽 2021.12.05 231
16 CORS 의 내용과 이에 대한 우회 방안들 file 황제낙엽 2021.12.05 139
15 CORS(Cross-Origin Resource Sharing) - 1 file 황제낙엽 2017.03.07 135
14 HTTP 접근 제어 (CORS) 황제낙엽 2017.05.29 125
» Ajax (XMLHttpRequest) 샘플 황제낙엽 2017.08.01 93
12 XMLHttpRequest.setRequestHeader 황제낙엽 2013.09.30 62
11 XMLHttpRequest 제대로 활용하기 file 황제낙엽 2017.08.01 58
10 CORS(Cross-Origin Resource Sharing) - 3 file 황제낙엽 2017.03.07 45
9 [펌] TAEYO.NET - JavaScript OOP 스트레칭 황제낙엽 2009.04.02 27
8 Fetch API (CORS 극복을 위한 노력) 황제낙엽 2021.12.05 26