Ajax post 仅触发一次

Question

大家好，我遇到了 ajax 函数的问题。我正在尝试发布到我拥有的数据库，然后刷新显示数据库信息的表。该过程工作一次，它发布到数据库然后刷新，但是之后它不再发布但继续刷新表。

这是代码：

<button id="refresh-btn" type="button">Add New</button>
                
<script>
 $("#refresh-btn").on('click', function(){
                             
    var f = $('#form1');
                            
    $.ajax({
        type: "POST",
        url: "insert.php",
        data: f.serialize()
    });
                                
    $( "#mytable" ).load( "contacttest.php #mytable" );
                           
});
</script>

检查我的开发人员控制台后，问题似乎是由于刷新表单而出现未定义的数组键问题。我假设它没有被重新发布，但是实现这个的最佳/正确方法是什么？

Answer 1

对于任何偶然发现这一点并且仍然需要帮助的人，我回答了我自己的问题。问题是，刷新表格时，由于按钮位于表格之外，因此不会重新发布表格，因此 php 脚本无法找到变量。要解决此问题，只需将按钮从

<button id="refresh-btn" type="button">Add New</button>

更改为

<button id="refresh-btn" type="submit" form="form1">Add New</button>

这会导致按钮在刷新后重新发布表单。