통신 Ajax (XMLHttpRequest) 샘플

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

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

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