jQuery 에서 간단하게 AJAX 이용하기 예제 (JSP)
jquery-2.0.3.jsjQuery-AJAX client (아래처럼 한글전송시 POST 방식을 사용하고 UTF-8 문자셋으로 전송하면 서버측에서 별도의 디코딩은 필요없다)
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>jQuery AJAX Test</title>
<script src="jquery-2.0.3.js"></script>
<script>
$(document).ready(function(){
$('#btnTest').click(function(){
request();
});
});
function request() {
$.ajax(
{
url:'jquery_ajax_server.jsp',
type:'POST',
data:{'id':'scott', 'pwd':'tiger', 'name':'홍길동' },
dataType:'text',
contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
success :function(resData){
var jsonObj = eval('('+resData+')');
if(jsonObj.authResult==true){
alert('OK');
}else{
alert('Check your input');
}
},
error :function(errMsg){ alert(errMsg); },
complete :function() { alert('Complete'); }
}
);
/* 위의 코드 대신 아래처럼 할 수도 있음
var postData={'id':'scott', 'pwd':'tiger'};
$.post ("jquery_ajax_server.jsp",
postData,
function(data, textStatus, jqXHR)
{
var jsonObj = eval('('+data+')');
if(jsonObj.authResult==true){
alert('OK');
}else{
alert('Check your input');
}
},
"text"
).fail (function(jqXHR, textStatus, errorThrown) {
alert('fail');
});
*/
}
</script>
</head>
<body>
<button id="btnTest">TEST</button>
</body>
</html>
Server (JSP)
<%@ page language="java" contentType="text/plain; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<%
String id = request.getParameter("id");
String pwd = request.getParameter("pwd");
String name = request.getParameter("name");
System.out.printf("수신:%s, %s, %s\n", id,pwd,name);
String result = null;
if(id.equals("scott") && pwd.equals("tiger")){
result = "{authResult:true}";
}else {
result = "{authResult:false}";
}
%>
<%=result%>