⚡ get방식
- 2가지 방식!
form에 method에 get 입력 후 전송하는 방식
form 전송 없이 location.href - 파라미터명,data값 이용하여 전송
<body>
<!-- get 1 : form에 method에 get 입력 후 전송하는 방식
<form id="f" method="get" action="./searchok.do" onsubmit="return search_ck()">
<input type="hidden" name="key" value="12345">
검색어를 입력하세요 : <input type="text" name="search">
<input type="submit" value="검색">
</form>
-->
<!-- get 2 : form 전송 없이 location.href - 파라미터명,data값 이용하여 전송-->
검색어를 입력하세요 : <input type="text" id="s">
<input type="button" value="검색" onclick="datapost()">
</body>
<script>
function search_ck(){
if(f.search.value == ""){
alert("검색어를 입력해 주세요");
return false;
}else{
f.submit();
}
}
function datapost(){
var w = document.getElementById("s").value;
//값을 2개 보내겟단 뜻 : search,key
location.href = "./searchok.do?search="+w +"&key=12345";
}
</script>
public class searchok extends HttpServlet {
private static final long serialVersionUID = 1L;
PrintWriter pw = null;
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("text/html;charset=utf-8");
request.setCharacterEncoding("utf-8"); //전송 데이터가 깨질 경우
String word = request.getParameter("search");
String key = request.getParameter("key");
System.out.println(word); //검색한 입력값
System.out.println(key); //12345
//두가지방식 모두 동일한 값 날아옴
}
}
