'Web. 기타 언어/AJax' 카테고리의 글 목록

'Web. 기타 언어/AJax'에 해당되는 글 2건

2017.02.09 Ajax.DOM-Element 정보 얻기.변경
2017.02.09 Ajax.httpRequest.js

Ajax.httpRequest.js (0)	2017.02.09

Ajax.httpRequest.js

Web. 기타 언어/AJax 2017. 2. 9. 16:40

[ Ajax.httpRequest.js ]

var httpRequest = null; // 생성된 XMLHttpRequest 객체를 저장할 전역변수

// XMLHttpRequest 객체를 사용해서 지정한 방식(GET, POST), 지정한 URL, 첨부할 파라미터 값을 사용하여 웹 서버에
           요청을 전송
        function sendRequest(url, parames, callback, method) {
            httpRequest = getXMLHttpRequest();
            var httpMethod = method   method : 'GET';
            if (httpMethod != 'GET' && httpMethod != 'POST') {
                  httpMethod = 'GET';
            }

var httpParams = (params == null || params == '')   null : params;
            var httpUrl = url;
            if (httpMethod == 'GET' && httpParams != null) { // HTTP 요청방식이 'GET'이면
                  httpUrl = httpUrl + " " + httpParams;                      // URL 뒤에 파라미터를 붙임
               }
               httpRequest.open(httpMethod, httpUrl, true); // 동기방식에서 브라우저 간 차이가 발생하므로, 크로스 브라우저를 
                                                                                   위해 항상 비동기식으로 XMLHttpRequest 객체 사용
 
               ↓ 웹 서버에 전송할 컨텐트 타입 지정
               httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded"); 
               httpRequest.onreadystatechange = callback; // readyState 값이 바뀔 때 호출될 콜백함수 지정

↓ HTTP 요청방식이 'POST'이면 send() 함수를 통해 파라미터 전송
               httpRequest.send(httpMethod == 'POST'   httpParams : null);
       }