sendData.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> -->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="sendData.js"></script>
</head>
<body>
** 자료 입력 **<br/><br/>
<form action="" name="frm" id="frm">
이름: <input type="text" name="irum" id="irum"><br/>
나이: <input type="text" name="nai" id="nai"><br/>
<input type="button" value="자료전송" id="add"/>
<br/><br/>
<div id="disp"></div>
</form>
</body>
</html>
sendData.js
$(document).ready(function() {
$("#add").live("click", function() {
var frm = $("#frm").length;
//alert("해당 객체가 있나요? "+frm);
// serialize : get, post 구분없이 서버로 자료전송(한글깨짐없음)
var form = $("#frm").serialize();
$.post('sendData.jsp', form, function() {
alert("전송 완료!");
});
});
});
sendData.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
String irum = request.getParameter("irum");
String nai = request.getParameter("nai");
System.out.println("name:"+irum+", age:"+nai);
%>
'Study > JSP' 카테고리의 다른 글
| [jsp] 총 정리 (0) | 2019.05.20 |
|---|---|
| [jsp] cabinet (0) | 2019.05.20 |
| [jsp] JSTL (0) | 2019.05.20 |
| [jsp] EL 표현언어, 국제화 태그 (0) | 2019.05.20 |
| [jsp] FileUpload, 이미지보여주기 (0) | 2019.05.20 |