단일 제출 단추를 사용하여 두 개의 양식을 제출할 수 있습니까?html 양식에서 두 가지 작업을 수행하게하려면
사용자가 양식에서 submit을 클릭하면 해당 양식이 그대로 유지되고 test.php
및 form.php
처럼 실행됩니까?
그렇다면 사용자가 test.php
만 실행하는 양식에서 제출을 클릭하면 test.php
은 변수가 그대로 유지되고 form.php
으로 실행됩니다.
단일 제출 단추를 사용하여 두 개의 양식을 제출할 수 있습니까?html 양식에서 두 가지 작업을 수행하게하려면
사용자가 양식에서 submit을 클릭하면 해당 양식이 그대로 유지되고 test.php
및 form.php
처럼 실행됩니까?
그렇다면 사용자가 test.php
만 실행하는 양식에서 제출을 클릭하면 test.php
은 변수가 그대로 유지되고 form.php
으로 실행됩니다.
양식은 다른 페이지로 데이터를 전달하려면 다음 아약스 함수를 호출하여 ..
내가이 정상적인 양식에 가능하다고 생각하지 않습니다 할 수있는 단 하나의 조치를 할 수 있습니다 요청에 따라 두 양식 모두에서 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>