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

【问题标题】：PHP - Submit form through Ajax function after button clickPHP - 单击按钮后通过 Ajax 函数提交表单
【发布时间】：2020-06-27 17:00:07
【问题描述】：

我有一个表单，目前它在提交后通过 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...

但是，当我单击任一按钮时，现在什么都没有发生。

【问题讨论】：

不清楚更改后您在做什么。你能提供新形式的 ajax 函数吗？我可以告诉你一件事，在将两个输入从 submit 更改为 button 之后，用户将永远不会触发该提交处理程序。

标签： php html ajax

【解决方案1】：

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

【讨论】：

糟糕，抱歉，我粘贴了一些旧代码。我已将 ID 添加到按钮中，但仍然没有任何反应。
如果我们能看到与此相关的所有 HTML 标记以及 Javascript 也会更有用。