본문 바로가기

Web/JQuery

Jquery serializeArray()

 

<!DOCTYPE html>
<html>
<head>
<title>Jquery 연습하기</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script type="text/javascript">
 $(document).ready(function() {
 
  $("[name=forName]").submit(function(event) {
    console.log($(this).serializeArray());
    event.preventDefault();
  });
  
  
 })
</script>

</head>
<body style="padding: 10px;">
 <form name="forName">
  <div>
   이름 : <input type="text" name="a" value="" id="a">
  </div>

  <div>
   성별 : <input type="radio" name="gender" value="남" />남
       <input type="radio" name="gender" value="여" />여
  </div>

  <div>
   <textarea name="content" rows="8" cols="40"></textarea>
  </div>

  <div>
   장래 희망
   <select name="sal">
    <option value="의사" selected="selected">의사</option>
    <option value="변호사">변호사</option>
    <option value="판사">판사</option>
    <option value="검사">검사</option>
    <option value="김사">김사</option>
   </select>
  </div>

  <div>군필 Check 란
   <input type="checkbox" name="f" value="8" id="f">
  </div>
  
  <br/><br/>
  
  <div>
   <input type="submit" name="g" value="Submit" id="g">
  </div>
 </form>
</body>
</html> 

 

 

View 화면

 

 

 

console 화면

 

 

값을 넘겨 준다고 가정하고 Java 단에서

 

req.getParameterNames(); 으로 값을 name으로 가지고 와서 이 값을 가지고 List에 담고 거기에 맞춰서 처리 해주면 될듯... ㅇㅇ