Как мне отправить несколько форм в ajax с помощью одной кнопки отправки?
В настоящее время я использую несколько отправленных форм ajax для отправки каждой формы в отдельности, но я уверен, что есть более простой способ отправить форму сразу, и я не уверен, как.
$('#submit').click(function(){
$.ajax({
url:"answer.php",
method:"POST",
data:$('#add_answer').serialize(),
success:function(data)
{
location.reload();
$('#add_answer')[0].reset();
}
});
});
$('#submit1').click(function(){
$.ajax({
url:"answer.php",
method:"POST",
data:$('#add_answer1').serialize(),
success:function(data)
{
location.reload();
}
});
});
$('#submit2').click(function(){
$.ajax({
url:"answer.php",
method:"POST",
data:$('#add_answer2').serialize(),
success:function(data)
{
location.reload();
}
});
});
$('#submit3').click(function(){
$.ajax({
url:"answer.php",
method:"POST",
data:$('#add_answer3').serialize(),
success:function(data)
{
location.reload();
}
});
});
$('#submit4').click(function(){
$.ajax({
url:"answer.php",
method:"POST",
data:$('#add_answer4').serialize(),
success:function(data)
{
location.reload();
}
});
});
$('#submit5').click(function(){
$.ajax({
url:"answer.php",
method:"POST",
data:$('#add_answer5').serialize(),
success:function(data)
{
location.reload();
}
});
});
});
У меня также есть несколько форм, похожих на приведенную ниже, только с разными значениями.
<form name="add_answer5" id="add_answer5">
<div class="table-responsive">
<table class="table table-bordered" id="dynamic_field5">
<tr>
<label><?php echo $question ?></label>
<td><input type="text" name="answer[]" placeholder="Enter your Answer" value="<?php echo $answer; ?>" class="form-control name_list" /></td>
<input type="hidden" name="id[]" placeholder="<?php echo $id?>" value="<?php echo $id; ?>" class="form-control name_list" />
<input type="hidden" name="dg_no[]" placeholder="<?php echo $dg_no;?>" value="<?php echo $dg_no;?>" class="form-control name_list" />
<input type="hidden" name="code_no[]" placeholder="<?php echo $code_no;?>" value="<?php echo $code_no;?>" class="form-control name_list" />
<input type="hidden" name="question[]" placeholder="<?php echo $question;?>" value="<?php echo $question;?>" class="form-control name_list" />
</tr>
<?php }?>
</table>
<button type="button" name="add" id="add5" class="btn btn-success">Add More</button>
<input type="button" class="btn btn-info" id="submit5" value="Submit" />
</div>
</form>
Так, как бы я отправил формы сразу? Я размышлял о том, как поместить все команды ajax submit в одну функцию и вызывать эту функцию при нажатии кнопки submit, но опять же я не уверен, что это правильный способ сделать это.