통신 Ajax (XMLHttpRequest) 샘플

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

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 494
29 fetch() 사용 예제들 황제낙엽 2024.07.09 517
28 [Copilot] JavaScript로 서버에 특정 값을 POST 방식으로 전달하고 응답을 기다리지 않고 바로 종료 황제낙엽 2024.05.31 708
27 fetch() 함수 사용 예제 file 황제낙엽 2023.11.23 753
26 How to build a file upload service with vanilla JavaScript file 황제낙엽 2023.08.22 587
25 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 [1] 황제낙엽 2023.08.21 642
24 [URLSearchParams] URL 파라미터(매개변수) 값 가져오기 file 황제낙엽 2023.02.02 659
23 Fetch API (CORS 극복을 위한 노력) 황제낙엽 2021.12.05 730
22 두 서버의 자원을 접근하는 클라이언트 프레임웍(Next.js)에서의 CORS오류 file 황제낙엽 2021.12.05 736
21 CORS 의 내용과 이에 대한 우회 방안들 file 황제낙엽 2021.12.05 728
20 client 통신 기술 jquery ajax, fetch, axios 황제낙엽 2021.12.05 505
19 XMLHttpRequest Specification 황제낙엽 2021.04.29 634
18 XMLHttpRequest.timeout 황제낙엽 2018.11.03 779
17 XMLHttpRequest 제대로 활용하기 file 황제낙엽 2017.08.01 564
» Ajax (XMLHttpRequest) 샘플 황제낙엽 2017.08.01 608
15 Javascript CORS/XSS 극복하는(피하는) 방법 file 황제낙엽 2017.07.31 1188
14 HTTP 접근 제어 (CORS) 황제낙엽 2017.05.29 611
13 CORS(Cross-Origin Resource Sharing) - 5 file 황제낙엽 2017.03.07 783
12 CORS(Cross-Origin Resource Sharing) - 4 file 황제낙엽 2017.03.07 1376
11 CORS(Cross-Origin Resource Sharing) - 3 file 황제낙엽 2017.03.07 558