자바스크립트 커스텀 함수 sendRequest

자바스크립트 커스텀 함수 sendRequest

XMLHttpRequest 중급

1 개요

• 널리 사용되고 있는 커스텀 함수임.
• 자바스크립트 웹페이지 읽기와 같은 기능이지만 다음 처리부분이 추가됨

브라우저별 XMLHttpRequest 객체생성시 오류 처리

콜백함수 연결

POST데이터 전송

2 소스 코드

<script>
function createXMLHttpRequest() {
	try { return new XMLHttpRequest(); } catch(e) {}
	try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) {}
	try { return new ActiveXObject("Msxml3.XMLHTTP"); } catch(e) {}
	try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {}
	return false;
}
function sendRequest(url,callback,postData) {
	var req = createXMLHttpRequest();
	if(!req) return;
	req.open((postData)?"POST":"GET", url, true);
	if(postData) req.setRequestHeader('Content-type','application/x-www-form-urlencoded');
	req.onreadystatechange = function () {
		if(req.readyState!=4 || req.status!=200) return;
		callback(req);
	};
	req.send(postData);
}

sendRequest("http://example.zetawiki.com/txt/utf8test.txt", showResult);
function showResult(req) { alert(req.responseText); }
</script>

• 예제: http://zetawiki.com/ex/js/send_req.html

3 같이 보기

• 자바스크립트 웹페이지 읽기 (XMLHttpRequest 초급)
• PHP GET 방식으로 받기
• PHP POST 방식으로 받기
• XMLHttpRequest

5 참고

• http://www.quirksmode.org/js/xmlhttp.html
• http://uguisu.skr.jp/html/ajax.html