간단하게 테스트 할 수 있는 샘플이다.
<html>
<head>
<title>Simple Ajax Example</title>
<script language="Javascript">
function xmlhttpPost(strURL) {
var xmlHttpReq = false;
var self = this;
// Mozilla/Safari
if (window.XMLHttpRequest) {
self.xmlHttpReq = new XMLHttpRequest();
}
// IE
else if (window.ActiveXObject) {
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
self.xmlHttpReq.open('POST', strURL, true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
self.xmlHttpReq.onreadystatechange = function() {
if (self.xmlHttpReq.readyState == 4) {
updatepage(self.xmlHttpReq.responseText);
}
}
self.xmlHttpReq.send(getquerystring());
}
function getquerystring() {
var form = document.forms['f1'];
var word = form.word.value;
qstr = 'w=' + escape(word); // NOTE: no '?' before querystring
return qstr;
}
function updatepage(str){
document.getElementById("result").innerHTML = str;
}
</script>
</head>
<form name="f1">
<p>word: <input name="word" type="text">
<input value="Go" type="button" onclick='Javascript:xmlhttpPost("/cgi-bin/simple-ajax-example.cgi")'></p>
<div id="result"></div>
</form>
</body>
</html>
'웹프로그램' 카테고리의 다른 글
| JDK 5.0, JDK Doc, Tomcat 5.5.9 다운로드 (0) | 2009.06.10 |
|---|---|
| 정규식 (Regular Expression) 특수문자 처리 (0) | 2009.06.09 |
| [자바스크립트] 강력한 소스 보호 (0) | 2009.06.09 |
| AJAX 금액을 입력할때 세자리마다 컴마찍기 (0) | 2009.06.09 |
| IIS에서 JSP or Java Servlet 돌리는 방법 (0) | 2009.06.09 |
| JDK 다운로드 및 설치 방법 (0) | 2009.06.09 |
| 친절한 톰캣(Tomcat)의 기능 개요 및 설치 방법 (0) | 2009.06.09 |
| Java로 구현하는 간단한 Client & Server 프로그램 (0) | 2009.06.09 |