如何用鼠标单击中断Ajax请求

Question

鼠标单击按钮A后，将触发第一个ajax请求。根据收到的响应，将触发另一个ajax请求。 此另一个请求在ajaxComplete事件处理程序中触发。 因此，我的连续ajax请求链效果很好。 现在我有一个条件，如果单击按钮B，则需要断开ajax链。

代码在Chrome浏览器中有效。 如果是Firefox，则不会触发按钮B的onclick。 同样，没有捕获通用$（document）.on（'click'..事件。

$.ajax({
  url: url,
  async: false,
  type: post,
  dataType: dataType,
  data: data,
  success: xyz,
  error: abc
});

...

xyz = function() { binded = true }

...

$(document).ajaxComplete(function() { 
  if(binded || binded=='true') { 
    //fire ajax requests again and again till server gives timeout 
  }
});
$(document).on('click', 'input[id=openApplication]', function(event) { 
  binded = false;
  alert('Breaking ajax loop');
  // do form submit using Input - Sumbit type 
});