PHP-点击按钮后通过Ajax函数提交表单

Question

我有一个表单，在提交后，它当前通过Ajax函数提交到数据库。然而，我想通过添加一个"保存"按钮来改变这一点，该按钮将把详细信息保存到数据库中的另一个表中，用户也可以返回该表。

这是我当前的Ajax函数。。。

$(function() {
$("#newForm").submit(function(event){
event.preventDefault();
$('.modal').hide();
//var form = document.querySelector('#newForm'); // Find the <form> element
var formData = new FormData($("#newForm")[0]); // Wrap form contents
$('.modal').show();
//function to submit
$.ajax({
type: "post",
url: "adminChanges.php",
data: formData,
dataType: 'json',
cache: false,
contentType: false,
processData: false,
success: function(data){
if(data.error==''){
console.log(data);
$('#newForm')[0].reset();
alert('Job Saved');
$('#myModal').hide();
//document.location.href = 'weeklyAuditIndex.php';
}
else
{
alert(data.error)
}
},
error: function(data){
console.log(data);
$('.modal').hide();
}
});
});
})

我尝试了一种方法，将按钮输入类型从提交更改为类似的按钮

<input type="button" value="Submit" name="submit_button">
<input type="button" value="Save" name="save_button">

我已经复制了上面的Ajax函数，当点击save_button时，它会发布到adminChangesTemp.php

$("#save_button").on("click", function() {
$("#newForm").submit(function(event){
etc...

然而，当我点击任一按钮时，现在什么都没有发生。

Answer 1

我看到您使用的是id#save_button，但在输入字段中，保存按钮输入上没有id="save_butten">