繁体   English   中英

Ajax提交多次

ajax submit multiple times

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我已经在php中创建了一个应用程序,我正在使用bootstrap模型使用AJAX更新用户详细信息。 现在有两种形式:首先更新用户的详细信息,并向其他用户添加评论。 当我尝试向AJAX提交表单并且尝试提交表单时,它不起作用,当我使用ajaxComplete函数时,我的表单数据已成功提交,但是在同一时间多次提交了表单。

 $(document).ajaxComplete(function() { $("#add-remarks").on('submit', (function(e) { e.preventDefault(); $.ajax({ type: "POST", url: $("#add-remarks").attr("action"), cache: false, context: this, data: $("#add-remarks").serialize(), //only input success: function(data) { var obj = JSON.parse(data); $("#add-remarks")[0].reset(); if (obj['msg'] == 'isuccess') { notification('insert'); } else { notification('error'); } } }); })); 
 <div class="modal-body"> <div class="row"> <div class="col-md-12"> <div class="card-group-control card-group-control-right" id="accordion-model"> <div class="card"> <form method="post" name="update-user-details" id="update-user-details" action=""> <div class="row"> <div class="col-md-4"> <div class="form-group form-group-float"> <label class="d-block font-weight-semibold">First Name</label> <input type="text" class="form-control" placeholder="First Name" name="customer_name" id="customer_name"> </div> </div> <div class="col-md-4"> <div class="form-group form-group-float"> <label class="d-block font-weight-semibold">Mobile</label> <input type="text" class="form-control" placeholder="Mobile" name="mobile_number" id="mobile_number"> </div> </div> <button type="submit" class="btn bg-blue">Save Changes</button> </div> </form> <form method="post" name="remarks" id="remarks" action=""> <div class="row"> <div class="col-md-4"> <div class="form-group form-group-float"> <label class="d-block font-weight-semibold">Remarks</label> <input type="text" class="form-control" placeholder="Remarks" name="remarks" id="remarks"> </div> </div> <button type="submit" class="btn bg-blue">Save Changes</button> </div> </form> </div> </div> </div> </div> </div> 

1 个回复

将这段代码移到ajaxComplete()函数之外。 您可能会以某种方式多次触发ajaxComplete函数,从而导致表单提交的多个事件侦听器。

 $("#add-remarks").on('submit', (function(e) {
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: $("#add-remarks").attr("action"),
      cache: false,
      context: this,
      data: $("#add-remarks").serialize(), //only input
      success: function(data) {
        var obj = JSON.parse(data);
        $("#add-remarks")[0].reset();
        if (obj['msg'] == 'isuccess') {
          notification('insert');
        } else {
          notification('error');
        }
      }
    });
  }));
3 使用“提交”回调和$ .ajax发布时多次提交表单

我用以下代码观察了一些奇怪的行为: 因此,基本上,在表单上调用submit_to_remote时,它将禁用它的正常提交,然后发出AJAX POST请求。 奇怪的是,表单会多次发布,因为“禁用”警报会显示。 正如您所看到的,我通过使用保存在表单对象上的“变量”并检查该变量以查看表单 ...

4 Ajax要求用户多次获取信息,然后再获取和记录信息

我在提交数据方面遇到了一些问题。 我正在尝试使用PHP和Ajax创建一个简单的聊天框,但是每当我尝试提交数据时,它只会在提交几次后才会发布。 我希望有人可以告诉我代码的问题。 我是一个非常新手的编码人员,这是我第一次使用此网站,所以如果它是一个明显的错误^^“ 主要聊天框: ...

5 Ajax多种表单提交

我有个问题。 我在一个页面boostrap表单向导上有2个表单,我想用ajax一个提交按钮发布它们。 我怎样才能做到这一点? 还有我的第二份表格; 这是我尝试过的Javascript: ...

6 具有多个提交的AJAX

我目前有一个“添加到购物车”按钮,该按钮从阵列提交产品数据并使用AJAX发布数据。 目前,只有三种产品中的一种已提交到购物车。 有人告诉我在每个AJAX帖子之后使用.then函数,但是我不确定如何将它与for()函数和数组配合使用。 任何和所有帮助将不胜感激! 谢谢。 & ...

7 通过ajax提交多种表格

我正在尝试通过ajax帖子提交多种表单,但是问题是服务器在帖子中返回了一个空数组。 这是我的JS中的代码: 在服务器端: 我究竟做错了什么? 谢谢! ...

8 多次射击ajax

如何使此ajax函数针对每个输入字段触发? 当前,仅刷新第一个字段,而不会刷新其他字段。 的HTML: jQuery: ...

9 多个带有Ajax的提交按钮

首先,我是Ruby on Rails的新手,所以如果有比我正在做的更好的练习,请告诉我。 我想做的是让多个ajax提交按钮对带有复选框的项目列表执行不同的操作。 因此,当我选择任意数量的复选框时,便可以选择要使用的复选框。 我可以使用ajax部分解决此问题,如下所示: 这很 ...

10 Ajax执行多次

我已经写了一个ajax post请求,但是它似乎要执行多次。 第一次单击该按钮将只执行一次,但是第二次单击该按钮将两次执行代码,三次将执行三次,依此类推。 我不确定是什么引起了这个问题,这是我的ajax发布请求。 如果需要任何其他信息,我会很乐意提供。 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM