통신 Ajax (XMLHttpRequest) 샘플

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

/**

 * 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;
}

번호 제목 글쓴이 날짜 조회 수
30 [Gemini] ajax 와 fetch 의 차이 황제낙엽 2025.01.04 3419
29 fetch() 사용 예제들 황제낙엽 2024.07.09 3380
28 [Copilot] JavaScript로 서버에 특정 값을 POST 방식으로 전달하고 응답을 기다리지 않고 바로 종료 황제낙엽 2024.05.31 3615
27 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 3605
26 How to build a file upload service with vanilla JavaScript file 황제낙엽 2023.08.22 3715
25 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 [1] 황제낙엽 2023.08.21 3703
24 [URLSearchParams] URL 파라미터(매개변수) 값 가져오기 file 황제낙엽 2023.02.02 3402
23 Fetch API (CORS 극복을 위한 노력) 황제낙엽 2021.12.05 3607
22 두 서버의 자원을 접근하는 클라이언트 프레임웍(Next.js)에서의 CORS오류 file 황제낙엽 2021.12.05 3649
21 CORS 의 내용과 이에 대한 우회 방안들 file 황제낙엽 2021.12.05 3352
20 client 통신 기술 jquery ajax, fetch, axios 황제낙엽 2021.12.05 3464
19 XMLHttpRequest Specification 황제낙엽 2021.04.29 3573
18 XMLHttpRequest.timeout 황제낙엽 2018.11.03 3625
17 XMLHttpRequest 제대로 활용하기 file 황제낙엽 2017.08.01 3442
» Ajax (XMLHttpRequest) 샘플 황제낙엽 2017.08.01 3270
15 Javascript CORS/XSS 극복하는(피하는) 방법 file 황제낙엽 2017.07.31 3822
14 HTTP 접근 제어 (CORS) 황제낙엽 2017.05.29 3370
13 CORS(Cross-Origin Resource Sharing) - 5 file 황제낙엽 2017.03.07 3613
12 CORS(Cross-Origin Resource Sharing) - 4 file 황제낙엽 2017.03.07 4163
11 CORS(Cross-Origin Resource Sharing) - 3 file 황제낙엽 2017.03.07 3356