У меня есть форма, которая в настоящее время отправляется в базу данных с помощью функции 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...
Однако, когда я нажимаю любую кнопку, ничего не происходит.