Ajax表单提交+模式

Question

因此，当我单击提交时，该问题给了我+没有数据插入到db中：

屏幕截图

我在控制台中看不到任何错误。

我的ajax代码：

<script type="text/javascript">
$(document).ready(function () {
    $("#lmao").on("submit", function(e) {
        var postData = $(this).serializeArray();
        var formURL = $(this).attr("action");
        $.ajax({
            url: formURL,
            type: "POST",
            data: postData,
            success: function(data, textStatus, jqXHR) {
                $('#add_data_Modal .modal-header .modal-title').html("Result");
                $('#add_data_Modal .modal-body').html(data);
                $("#submitForm").remove();
            },
            error: function(jqXHR, status, error) {
                console.log(status + ": " + error);
            }
        });
        e.preventDefault();
    });

    $("#submitForm").on('click', function() {
        $("#lmao").submit();
    });
});
</script>

我的形式+模式：

<div  id="add_data_Modal"class="modal fade">
      <div class="modal-dialog">
           <div class="modal-content">
                <div class="modal-header">
                     <button type="button" class="close" data-dismiss="modal">&times;</button>
                     <h4 class="modal-title">Add mew course</h4>
                </div>
                <div class="modal-body">
                  <div class="block-content block-content-narrow">
                      <form id="lmao"class="js-validation-courses form-horizontal push-10-t" data-async data-target="#add_data_Modal" action="add_c.php" method="post">

                      <div class="form-group">
                              <div class="col-xs-12">
                                  <div class="form-material">
                                      <input class="form-control" type="text" id="course_title" name="course_title" >
                                      <label for="material-email">course title</label>
                                  </div>
                              </div>
                          </div>
                          <div class="form-group">
                                  <div class="col-xs-12">
                                      <div class="form-material">
                                          <input class="form-control" type="text"  id="course_cord"name="course_cord" >
                                          <label for="material-email">Course cord</label>
                                      </div>
                                  </div>
                              </div>
                              <div class="form-group">
                                      <div class="col-xs-12">
                                          <div class="form-material">
                                              <input class="form-control" type="text"  id="course_hours"name="course_hours" >
                                              <label for="material-email">hours </label>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="form-group">
                                          <div class="col-xs-12">
                                              <div class="form-material">
                                                  <input class="form-control" type="text" id="course_price" name="course_price" >
                                                  <label for="material-email">price</label>
                                              </div>
                                          </div>
                                      </div>
                          <div class="form-group">
                              <div class="col-sm-9">
                                  <button class="btn btn-sm btn-primary" name="add_course" id="submitForm" type="submit">Add course</button>
                              </div>
                          </div>
                        </form>

                      </div>
                  </div>


                </div>
                  </div>

                </div>

我在名为add_c.PHP的单独文件中有添加查询

所以我尝试了很多问题的几个答案，但是我没有得到有用的东西。

add_c.php中的PHP代码：

php代码-pastebin

我对ajax的了解很少，因此，我感谢您的帮助。

Answer 1

我尝试了您的代码，并且php文件检索了该帖子数组

Array ( [course_title] => test [course_cord] => tet [course_hours] => tet [course_price] => tt ) 

您的php代码：

if(isset($_POST['add_course'])) {

add_course从不发布，因此它将永远不会出现在if中。 另一个问题是表单的提交方式是构建表单的两倍。

将按钮类型更改为按钮，而不是提交。 您已经在按钮上有了一个事件监听器；）

<button class="btn btn-sm btn-primary" name="add_course" id="submitForm" type="button">Add course</button>