之后多个动态表单提交并运行功能

Question

我在使我的功能正常工作方面遇到麻烦。 我实际上有两个问题。 1）有时，脚本仅添加例如7种形式中的1种。 2）更新页面时，我为提交的每个表单调用其他函数，而不仅仅是一次。

因此，例如，如果用户单击一个按钮，我将创建一个创建表单的代码。

var pp_total_change = function(){
 .. .... .
  $('.pp_count').each(function(){
  .........
     pp_total_list_items += "<li><form action='cart/add/"+$(this).attr("labelid")+"' method='post' id='form_"+$(this).attr("labelid")+"'><span>"+$(this).attr("labelname")+"</span><span class='amt'>"+$(this).val()+"</span><span>&euro; "+pp_total_price.toString().slice(0,-2)+","+pp_total_price.toString().slice(-2)+"</span></form></li>";

// which results in ->
<form id="form_51847052" method="post" action="cart/add/51847052">...text...</form>
<form id="form_51847053" method="post" action="cart/add/51847053">...text...</form>
<form id="form_51847054" method="post" action="cart/add/51847054">...text...</form>
etc...

然后是一个提交表格的函数

$('.temp-cart .addToCart').bind('click',function(){
        $('.temp-cart form').each(function(){
          var qty = $(this).find('.amt').text();
          var qty2 = parseInt(qty);
          var url = $(this).attr('action')+'/?quantity='+qty2+'/';

          $.ajax({
            url: url,
            type: "post",
            data: $(this).serialize(),
            success: function(response, textStatus, jqXHR) {},
            error: function(jqXHR, textStatus, errorThrown) {},
            complete: function() {
              updateStuff();
            }
          });
        });

然后，在完成所有表单提交后，需要触发一次函数updateStuff() 。

 function updateStuff(){
        updateCartAjax();
        $('.order .pp_count, .pp_countsum .pp_count').val(0);
        $('.order .submit').popover('destroy').button('reset').animate({'opacity':'1'},200);
        $("html,body").stop(true, true).animate({scrollTop: 0}, 333);
        $(".pp_count").val('0');
        $("#pp_order_total ul li").remove();
        $("#pp_order_total ul").text('U heeft hiernaast nog geen producten geselecteerd.');
      }

所以我面临的问题是，当用户“创建”例如7个表单时，那么仅提交这7个表单之一。 当我第二次单击提交按钮时，所有表单都被提交。 我以为这与身份证有关，但事实并非如此。

第二，如何在提交所有表单后仅运行一次updateStuff函数？

任何帮助，不胜感激...

Answer 1

function deploy(){
    return new Promise(function(resolve,reject){
        var count= $('.temp-cart form').length;
        $('.temp-cart form').each(function(){
            var qty = $(this).find('.amt').text();
            var qty2 = parseInt(qty);
            var url = $(this).attr('action')+'/?quantity='+qty2+'/';

            $.ajax({
                url: url,
                type: "post",
                data: $(this).serialize(),
                success: function(response, textStatus, jqXHR) {},
                error: function(jqXHR, textStatus, errorThrown) {},
                complete: function() {
                    count--;
                    if(count==0)
                        resolve();
                }
            });
        });
    });
}
$('.temp-cart .addToCart').bind('click',function(){
    deploy().then(function(){
        updateStuff();
    })
}