2014-07-01 3 views
0

단일 제출 단추를 사용하여 두 개의 양식을 제출할 수 있습니까?html 양식에서 두 가지 작업을 수행하게하려면

사용자가 양식에서 submit을 클릭하면 해당 양식이 그대로 유지되고 test.phpform.php처럼 실행됩니까?

그렇다면 사용자가 test.php 만 실행하는 양식에서 제출을 클릭하면 test.php은 변수가 그대로 유지되고 form.php으로 실행됩니다.

답변

0

양식은 다른 페이지로 데이터를 전달하려면 다음 아약스 함수를 호출하여 ..

1

내가이 정상적인 양식에 가능하다고 생각하지 않습니다 할 수있는 단 하나의 조치를 할 수 있습니다 요청에 따라 두 양식 모두에서 AJAX 요청을 활용할 수 있습니다. (이것은 단지 예제 일 뿐이며 테스트되지 않았으며 단지 지침서이거나 아이디어 일뿐입니다.)

<!-- forms --> 
<fieldset><legend>Form #1</legend> 
    <form id="form_1" action="test.php"> 
     <label>Username: <input type="text" name="username" /></label> 
     <label>Password: <input type="text" name="password" /></label> 
    </form> 
</fieldset> 
<br/> 
<fieldset><legend>Form #2</legend> 
    <form id="form_2" action="form.php"> 
     <label>Firstname: <input type="text" name="fname" /></label> 
     <label>Lastname: <input type="text" name="lname" /></label> 
    </form> 
</fieldset> 

<button id="submit" type="button">Submit</button> 
<!-- the forms is just an example --> 
<!-- it would be weird to separate such fields in to different forms --> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 

    $('#submit').on('click', function(){ 

     $.ajax({ 
      url: $('#form_1').attr('action'), 
      data: $('#form_1').serialize(), 
      type: 'POST', // or whatever get 
      dataType: 'JSON', // or whatever xml script html 
      success: function(response) { 

      } 
     }); 

     $.ajax({ 
      url: $('#form_2').attr('action'), 
      data: $('#form_2').serialize(), 
      type: 'POST', // or whatever get 
      dataType: 'JSON', // or whatever xml script html 
      success: function(response) { 

      } 
     }); 
    }); 

}); 
</script> 
관련 문제