PHP-单击按钮后通过Ajax函数提交表单
我有一个表单,在提交后通过Ajax函数当前提交到数据库。但是,我想通过添加一个“保存”按钮来改变这一点,该按钮将详细信息保存到数据库中的另一个表中,用户也可以返回该表 这是我当前的Ajax函数PHP-单击按钮后通过Ajax函数提交表单,php,html,ajax,Php,Html,Ajax,我有一个表单,在提交后通过Ajax函数当前提交到数据库。但是,我想通过添加一个“保存”按钮来改变这一点,该按钮将详细信息保存到数据库中的另一个表中,用户也可以返回该表 这是我当前的Ajax函数 $(function() { $("#newForm").submit(function(event){ event.preventDefault(); $('.modal').hide(); //var form = document.querySelector('#newForm'); // Find
$(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();
}
});
});
})
但是,当我单击任一按钮时,现在什么都没有发生。我看到您正在使用id#save_按钮,但在输入字段中,save按钮输入上没有id=“save_按钮”我看到您正在使用id#save_按钮,但在输入字段中,save按钮输入上没有id=“save_按钮”哦,对不起,我粘贴了一些旧代码。我已经将ID添加到按钮中,但仍然没有发生任何事情。如果我们能够看到所有与此相关的HTML标记以及Javascript,这将更加有用。哦,对不起,我粘贴了一些旧代码。我已经在按钮中添加了ID,但仍然没有发生任何事情。如果我们能看到与此相关的所有HTML标记以及Javascript,这将更加有用。不清楚更改后您在做什么。您能提供ajax函数的新形式吗?我可以告诉您一件事,在将两个输入从
submit
更改为按钮后,用户将永远不会触发该提交处理程序。不清楚更改后您在做什么。您能提供ajax函数的新形式吗?有一件事我可以告诉你们,在将两个输入从submit
更改为按钮之后,用户将永远不会触发提交处理程序。
<input type="button" value="Submit" name="submit_button">
<input type="button" value="Save" name="save_button">
$("#save_button").on("click", function() {
$("#newForm").submit(function(event){
etc...