통신 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 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 1
26 How to build a file upload service with vanilla JavaScript file 황제낙엽 2023.08.22 0
25 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 황제낙엽 2023.08.21 0
24 [URLSearchParams] URL 파라미터(매개변수) 값 가져오기 file 황제낙엽 2023.02.02 0
23 Fetch API (CORS 극복을 위한 노력) 황제낙엽 2021.12.05 26
22 두 서버의 자원을 접근하는 클라이언트 프레임웍(Next.js)에서의 CORS오류 file 황제낙엽 2021.12.05 231
21 CORS 의 내용과 이에 대한 우회 방안들 file 황제낙엽 2021.12.05 139
20 client 통신 기술 jquery ajax, fetch, axios 황제낙엽 2021.12.05 8
19 XMLHttpRequest Specification 황제낙엽 2021.04.29 11
18 XMLHttpRequest.timeout 황제낙엽 2018.11.03 248
17 XMLHttpRequest 제대로 활용하기 file 황제낙엽 2017.08.01 58
» Ajax (XMLHttpRequest) 샘플 황제낙엽 2017.08.01 93
15 Javascript CORS/XSS 극복하는(피하는) 방법 file 황제낙엽 2017.07.31 648
14 HTTP 접근 제어 (CORS) 황제낙엽 2017.05.29 125
13 CORS(Cross-Origin Resource Sharing) - 5 file 황제낙엽 2017.03.07 261
12 CORS(Cross-Origin Resource Sharing) - 4 file 황제낙엽 2017.03.07 873
11 CORS(Cross-Origin Resource Sharing) - 3 file 황제낙엽 2017.03.07 45
10 CORS(Cross-Origin Resource Sharing) - 2 황제낙엽 2017.03.07 24
9 CORS(Cross-Origin Resource Sharing) - 1 file 황제낙엽 2017.03.07 135
8 XMLHttpRequest.setRequestHeader 황제낙엽 2013.09.30 62