多次调用 ajax 导致重复响应

Question

我创建了一个 ajax 函数，它通过从我的数据库中获取来返回我的项目价格。我确定我的 php 没有任何问题，但有时我两次得到相同的结果！

jQuery

$('.removemore___').click(function(e) {

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

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

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

  if ($(this).attr('data-trash') == 'trash') {

    newPopuper('alert_sure__', 'flex', 'blackScreen');

    $('.__aggtoyes').attr('data-item', item_id);

    $('.__aggtoyes').attr('data-col', col_id);

    $('.__aggtoyes').attr('data-value', value);

  } else {

    $.ajax({

      type: "POST",

      url: "includes/chekavailableitem.php?remove",

      data: {

        item_id: item_id,

        col_id: col_id,

        value: value

      },

      dataType: "text",

      success: function(response) {

        var iNum = parseInt(value);

        iNum--;

        if (response == 'done') {

          $('.value__cart[data-item=' + item_id + '][data-col=' + col_id + ']').html(iNum);

          $('.removemore___[data-item=' + item_id + '][data-col=' + col_id + ']').attr('data-value', iNum);

          $('.addmore___[data-item=' + item_id + '][data-col=' + col_id + ']').attr('data-value', iNum);

          if (iNum == 1) {

            location.reload();

          }

        } else if (response == 'deleted') {

          location.reload();

        }

      },

      error: function() {

        $('#wrong-signup').html(': 102');

      },

      timeout: 5000

    });

  }

  $.ajax({

    type: "POST",

    url: "includes/get_finalize_cart.php",

    data: {},

    cache: false,

    async: true,

    dataType: "json",

    success: function(response) {

      // var final_price = $.parseJSON(response)

      console.log(response);

      if (response[0] == 'done') {

        $('.final_price__').html(response[1] + ' <span style="font-size: .786rem;font-weight: 400">تومان</span>');

      } else {

      }

    },

    error: function() {

      $('#wrong-signup').html(': 101');

    },

    timeout: 5000

  });

  e.stopImmediatePropagation();

  return false;

});

我还将显示控制台页面的屏幕截图，以便您查看我的结果：

Answer 1

在调用之前，您无需等待chekavailableitem.php?remove完成get_finalize_cart.php。由于 AJAX 是异步的，后者可能会先处理，因此您将获得旧值的副本。您应该将第二次$.ajax()调用放在sucess:第一次调用的函数中$.ajax()，或者使用承诺。