HTML파일
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<title>0729 (금) 복습12 form</title>
<script src="./js/jquery.js"></script>
<script>
$(function(){
$("#members").click(function() { //button이기 때문에 form id말고 클릭으로
$("#f").submit();
});
});
function members2() {
f.submit();
};
</script>
</head>
<body>
<form name="f" id="f" method="post" action="./ex2.do" enctype="application/x-www-form-urlencoded">
아이디: <input type="text" name="mid" id="mid">
패스워드: <input type="password" name="mpass" id="mpass">
<br>[성별]<br>
<input type="radio" name="msex" value="M">남성
<input type="radio" name="msex" value="W" checked>여성
<br>[서비스 수신여부]<br>
SMS 수신여부<input type="checkbox" name="sms" value="Y">
<input type="button" value="js 자바스크립트" onclick="members2();">
<input type="button" id="members" value="jq 제이쿼리">
</form>
</body>
</html>form으로 날릴 때
enctype="application/x-www-form-urlencoded"를 body나 script부분에 써주기
자바 파일
package ex;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
//web.xml에는 절대 추가하면 안됨
@WebServlet("/ex2.do") //추가하고싶다면 이거 지우고! 테스트 할 때 이렇게 사용 (1회용)
public class ex2 extends HttpServlet {
private static final long serialVersionUID = 1L;
public ex2() {
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");
PrintWriter pr = response.getWriter();
//intern은 checkbox, radio는 사용하지 않음
String mid=request.getParameter("mid");
String mpass=request.getParameter("mpass");
String msex=request.getParameter("msex");
String sms=request.getParameter("sms");
if(sms==null) {
sms="N";
}
pr.print(mid+"<br>");
pr.print(mpass+"<br>");
pr.print(msex+"<br>");
pr.print(sms);
}
}
결과화면
다음화면 (주소창 파라미터에 값 찍히지않음)
728x90
'JAVA > jQuery,Ajax' 카테고리의 다른 글
| Ajax 값 공백으로 넘어 올 때 처리하기 + 아이디 중복체크 $.parseJSON()사용 (0) | 2022.08.22 |
|---|---|
| 도로명 API 장착하기 (0) | 2022.08.02 |
| XMLHttpRequest / 비동기통신 / ajax (0) | 2022.07.31 |
| get 파라미터 값 넘기고 받기 제이쿼리/자바스크립트 (0) | 2022.07.31 |
| jQuery 다운받기 / 모바일 반응 제이쿼리 (0) | 2022.07.27 |
댓글