제이쿼리/자바스크립트
<script src="./js/jquery.js"></script>
<script>
$(function () {
$("#data_post").click(function () {
let $c=$("#data3").val();
location.href='./ex1.do?job='+$c;
});
});
function data_post() {
const c=document.getElemetById("data3").value;
location.href='./ex1.do?job='+c;
}
</script>
</head>
<body>
<input type="button" value="js" onclick="data_post();">
<input type="button" value="jq" id="data_post">
<select id="data3">
<option value="">[직업군을 선택하세요]</option>
<option value="학생">학생</option>
<option value="주부">주부</option>
<option value="회사원">회사원</option>
<option value="프로그래머">프로그래머</option>
<option value="기타">기타</option>
</select>
</body>
자바
package ex;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ex1 extends HttpServlet {
private static final long serialVersionUID = 1L;
public ex1() {
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=utf-8");
PrintWriter pr = response.getWriter();
String jb=request.getParameter("job");
pr.print("<html>"
+"<meta charset='utf-8'>"
+"<body>"
+"<p>선택하신 직업군은: "+jb+ "입니다</p>"
+"</body>"
+"</html>");
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
}
}실행모습
728x90
'JAVA > jQuery,Ajax' 카테고리의 다른 글
| Ajax 값 공백으로 넘어 올 때 처리하기 + 아이디 중복체크 $.parseJSON()사용 (0) | 2022.08.22 |
|---|---|
| 도로명 API 장착하기 (0) | 2022.08.02 |
| post, form 값 넘기기기 제이쿼리/자바스크립트 (0) | 2022.08.01 |
| XMLHttpRequest / 비동기통신 / ajax (0) | 2022.07.31 |
| jQuery 다운받기 / 모바일 반응 제이쿼리 (0) | 2022.07.27 |
댓글