이런 저런 설명 필요 없이 바로 소스로...
다음 소스는 XMLHttpRequest를 Get/Post 방식 사용 예제(XmlHttpRequestSample.htm)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>POST/ GET XHR Example</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var url = "http://www.google.co.uk/search";
var params = "hl=en&q=ff3+request.open+post+problem&meta=";
function post()
{
var xmlhttp=new XMLHttpRequest();
//onreadystatechange 이벤트 설정
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
DisplayResult(xmlhttp.responseText);
}
};
xmlhttp.open("POST", url, true);
//Post 방식에서 다음 헤더 지정
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(params); //params를 전송
}
function get()
{
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
DisplayResult(xmlhttp.responseText);
}
};
xmlhttp.open("GET", url+"?"+params, true);
xmlhttp.send(null);
}
function DisplayResult(strResult)
{
document.all["result"].value=strResult;
}
</script>
</head>
<body>
<a href="javascript:get();">GET request</a> 실행<br />
<a href="javascript:post();">POST request</a> 실행
<br/>
<textarea name="result" rows="10" cols="80"></textarea>
</body>
</html>
(0) 
(0)Posted by 좐군
