Ajax jQUERY call예제$.ajax, $(selector).load, 제이쿼리에서 ajax기능이용하기
$(selector).load(url, data)의 경유 URL 에 명시한 곳으로 ajax 호출을 하고, data를 넘기고, 넘어오는
결과를 selector에서 지정한 곳에 출력 한다.
아래 예제를 실행하고 결과를 확인하자.
1.ajax.html
<html><head>
<script src="http://code.jquery.com/jquery-latest.js"></scRIPT>
<script
type="text/javascript">
$(document).ready(function() {
$("#save").click(function() {
var name =
$('#name').val(); var tel = $('#tel').val();
var url = "/onjweb/jsp/ajax.jsp“;var data = { name : name,
tel : tel};
$('#onj').load(url, data);
});
});
</script></head>
<body>
<div
id="onj"></div>
<form
name="f">
<table><tr>
<td>name
:</td>
<td><input
type="text" id="name" /></td>
</tr>
<tr>
<td>tel:</td>
<td><input
type="text" id="tel"
/></td>
</tr>
<input
type="button" id="save" value="AJAX CALL">
</table>
</form></body></html>
2. ajax.jsp
<%
String name =
request.getParameter("name");
String tel = request.getParameter("tel");
out.println("your input is " + name
+ tel);
%>
먼저 html을
실행 후 버튼을 클릭하여 결과를 확인
댓글 없음:
댓글 쓰기