ajax 데이터를 넘기는 페이지 소스

<form name="multiForm" id="multiForm" method="post">
 <table>
  <tr>
   <td>
    <input type="text" size="15" name="mul_input" value="1" />
    <input type="text" size="15" name="mul_input" value="2" />
    <input type="text" size="15" name="mul_input" value="3" />
    <input type="text" size="15" name="mul_input" value="4" />
   </td>
  </tr>
  <tr>
   <td align="right">
    <input type="button" id="mul_input_submit" name="mul_input_submit" value="submit"/>
   </td>
  </tr>
 </table>
</form>

<script type="text/javascript">
// ajax 로 'form' 값 post 형식으로 넘기기

//1번 방법
$(document).ready(function() {
 $("#mul_input_submit").click(function() {
  var formData = $("#multiForm").serialize();
  $.ajax({
   type : "POST",
   url : getAjax.jsp",
   cache : false,
   data : formData,
   success : onSuccess,
   error : onError
  });
 });
});

function onSuccess(json, status){
 alert($.trim(json));
}
function onError(data, status){
 alert("error");
}

//2번방법
$(document).ready(function() {
 $("#mul_input_submit").click(function() {
  var formData = $("#multiForm").serialize();  //form의 데이터를 a=1&b=2&c=3.... 의 형식으로 바꿔준다.
  jquery:fn_ajax_inputControl.fn_json(formData);
 });
});

var fn_ajax_inputControl = {  
  fn_json : function(formData){
   jQuery.post(
    getAjax.jsp?"+formData,
    {     
     ts : new Date().getTime() 
    },
    function(json, textStatus){
     if(textStatus == "success"){
      if(json.result == "success"){ 
       alert("1 : "+json.rsltVal_1+" / 2 : "+json.rsltVal_2+" / 3 : "+json.rsltVal_3+" / 4 : "+json.rsltVal_4);
      }else{
       alert(json.result);
      }
     }else{
      alert(textStatus);
     }
    },
    "json"
   );
  }
};
</script>

출처: https://zent.tistory.com/85 [Z]