Jquery php归档文件不能被多次调用

Jquery php归档文件不能被多次调用,jquery,html,post,Jquery,Html,Post,我有一篇jquery帖子: $('.form-submit').click(function(){ var form = $(this).attr('data-form'); $("#"+form).submit(function(e) { e.preventDefault(); $.ajax({ url: "../assets/action/action.php", type: "POST",

我有一篇jquery帖子:

$('.form-submit').click(function(){

    var form = $(this).attr('data-form');

    $("#"+form).submit(function(e) {

        e.preventDefault();
        $.ajax({
            url: "../assets/action/action.php",
            type: "POST",
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData:false,
            success: function(data)
            {   
                $(".return-post-msg").html(data);
            }
        });
    });
})
问题是,它工作得很好,但是如果我再次单击button.form-submit,jquery通常会调用一次,但是action.php文件会调用两次,如果我再次单击,则会调用3x。。。如果再次发生clcik。。我在action.php中的所有内容是

echo "<script> alert('".$method." aaaaa'); </script>"; 
echo“警报(''.”$method.aaaaa');”;
用于检查文件被调用的次数

以下是HTML:

            <form id="create_requisite">

                <input type="hidden" name="method" value="create_requisite" />

                <div class="modal-heading"> <!-- Start of modal-heading -->

                    <h3>Create Requisite</h3>

                </div> <!-- End of modal-heading -->

                <div class="modal-body"> <!-- Start of modal-body -->

                    <div class="form-group"> <!-- Start of form-group -->

                        <label>Requisite Name</label>
                        <input type="text" class="form-control input-primary" name="name_requisite" />

                    </div> <!-- End of form-group -->

                </div> <!-- End of modal-body -->

                <div class="modal-footer"> <!-- Start of modal-footer -->

                    <span class="return-post-msg"></span>
                    <button class="btn btn-default form-submit" data-form="create_requisite">Create</button>

                </div> <!-- End of modal-footer -->

            </form>

创造必要条件
必要名称
创造

有人能帮我吗?

您正在收听一个click事件和一个submit事件,这可能导致事件多次触发。相反,只需监听submit事件

$(this).attr('data-form').on('submit', function(e) {
  // make your ajax call
});
您还可以在声明事件处理程序时使用,以便它只处理一次事件

$(this).attr('data-form').one('submit', function(e) {
  // make your ajax call
});

但是,请小心使用此选项,否则用户可能需要刷新页面,以便在尝试提交后修复表单上的某些内容。

是否要在单击按钮时禁用该按钮?或者,如果表单已多次提交,是否要检查服务器端?我想单击任何我想单击的内容,但每次单击时,我只想调用一次操作。php您可以共享相关的HTML部分吗?有多种形式吗?我是stackoverflow的新手。。无法粘贴代码啊哈,检查图片请编辑您的问题添加代码。