使用 jQuery 的序列化方法和 FormData 对象来处理多个表单的数据,并通过 AJAX 一次性提交所有表单数据。
示例代码如下:
HTML:
JavaScript:
$(document).ready(function(){
$('#submit-all-forms').on('click', function(){
var data = new FormData();
// loop through each form
$('form').each(function(){
var serializedForm = $(this).serializeArray();
// loop through each field in serialized form
$.each(serializedForm, function(i, field){
data.append(field.name, field.value);
});
});
$.ajax({
url: 'submit-all-forms.php',
type: 'POST',
data: data,
processData: false,
contentType: false,
success: function(response){
// handle response
}
});
});
});