jQuery在多次单击“提交”按钮时发送了多个请求

Question

我在代码点火器项目中有一个代码。 我要在哪里向控制器发送查询， 它应该只执行一次。但是，当我多次单击Submit按钮时，它将添加多次从jquery获得的相同产品。 例如，我选择了一款售价为5美元的产品“手机”。当我单击“提交”按钮时，它会添加3次“电话”产品3次，价格为15美元。 我试图禁用“添加到购物车”按钮，试图在单击时将其隐藏， 但是，加载需要花费大量时间。 这是我的代码。

$(document).ready(function(){
    var n = 0;
    $( "#add-to-cart" ).one( "click", function() {
        var index = $( "#add-to-cart" ).index( this );
        $( this ).css({
            borderStyle: "inset",
            cursor: "auto"
         });
    });
});

<input id="add-to-cart" type="submit" value="ADD TO CART">

Answer 1

添加到购物车时，您是否试图声明控制变量并检查其状态？

var added = false;
$(document).ready(function()
{
    var n = 0;
    $( "#add-to-cart" ).one( "click", function()
    {
      if (!added)
      {
          var index = $( "#add-to-cart" ).index( this );
          $( this ).css({
              borderStyle: "inset",
              cursor: "auto"
          });
          added = true;
      }
    });
});