Question

现在苦苦挣扎几天并编辑几个代码只是为了将我的表单发送到process.php，然后将结果重新加载到表单中的div中。我正在使用引导程序布局，并且不希望页面重新加载/转到process.php

HTML表单在没有通过ajax调用时工作，因此form和process.php没问题。唯一的问题是我在

上办理登机手续

$_POST['toevoegen'] == "training toevoegen"

因为如果我成功转移到了它，会有更多的表格进入process.php。

HTML只是一个快照，它有更多的值。

    <form id="form1" name="form1" method="post" action="process.php">
      <label>datum:</label>
      <input name="datum" id="datum" size="10" type="text" autocomplete="off" /><br><br>
       <label>club:</label>
       <select name="clubid" id="club-list"  onChange="gettrainer(this.value);">
       <option value="">Selecteer club</option>
       <?php
       foreach($results as $club) {
        ?>
       <option value="<?php echo $club["id"]; ?>"><?php echo $club["clubnaam"]; ?   ></option>
       <?php
      }
      ?> 
<input type="submit" id="submit" name="toevoegen" value="training toevoegen" />
</form>

ajax电话是这样的，但目前根本不会起作用。

<script>
      $( document ).ready(function() {  

        $('#form1').on('submit', function (e) {

          e.preventDefault();
            var form1 = document.getElementById("form1");
            var fd = new FormData(form1);

          $.ajax({
            type: 'POST',
            url: 'process.php',
            data: fd,
              success: function (response) {
             $("#main").html(response);
            }
          });

        });

      });
    </script>

Answer 1

将数据字段更改为数据：$（＆＃39;＃form1＆＃39;）。serialize（），

<script>
      $( document ).ready(function() {  

        $('#form1').on('submit', function (e) {

          e.preventDefault();
          $.ajax({
            type: 'POST',
            url: 'process.php',
            data: $('#form1').serialize(),
              success: function (response) {
             $("#main").html(response);
            }
          });

        });

      });
    </script>

表单提交结果以加载div

1 个答案: