Jquery php归档文件不能被多次调用
我有一篇jquery帖子: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",
$('.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的新手。。无法粘贴代码啊哈,检查图片请编辑您的问题添加代码。