display.jsp 페이지(서버 처리 결과를 가져와 보여주는 페이지)
<%@ page contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-ｅquiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script type="text/javascript">
function ajaxFunction()
{
var xmlhttp;
if(window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else if (window.ActiveXObject) {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} else {
alert("Your browser does not support XMLHTTP!");
}
xmlhttp.onreadystatechange = function ()
{
if(xmlhttp.readyState == 4 ) {
document.getElementById("time").innerHTML = xmlhttp.responseText;
}
}
//xmlhttp.open("GET", "result.jsp", true);
//xmlhttp.send(null);
xmlhttp.open("POST", "process.jsp", true);
var param = "id=hong&name=hongkildong&age=20";
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=euc-kr");
xmlhttp.send(param);
}
</script>
</head>
<body>
<form name="myform">
name : <input type="text" name="username" onkeyup="ajaxFunction();" />
<div id="time"></div>
</form>
</body>
</html>
process.jsp( 전송 받은 데이터 처리 페이지 )
<%@ page contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%>
<!-- Ajax 테스트 중입니다. 정상 출력 되나요? <%="ok"%> -->
<% request.setCharacterEncoding("euc-kr"); %>
<%
String id = request.getParameter("id");
String name = request.getParameter("name");
String age = request.getParameter("age");
%>
테스트 중입니다. POST 방식으로 데이터를 전송할 경우 테이터를 제대로 받는가요?
<%=id %>, <%=name %>, <%=age %> 입니다.
'Java Script & DOM > Ajax' 카테고리의 다른 글
| XMLHttpRequest 객체 속성과 메소드 (0) | 2010.04.29 |
|---|---|
| XML 데이터 처리 방법 (0) | 2010.04.29 |
| onreadystatechange 이벤트 (0) | 2010.04.29 |
| 동기화 여부에 따른 처리 방법 (0) | 2010.04.29 |
| 서버의 응답 얻기 (0) | 2010.04.28 |