多个ajax调用崩溃

Question

我有一个页面，我在其中运行多个AJAX调用来检索页面的各个部分。这些调用每隔几分钟/秒发生一次并更新相应的部分。

当它发生时，新元素进入DOM并且一些元素消失，等等。这一切都在前几秒正常发生，之后事情变得混乱。有些电话只是加载图标而不做任何事情。这就是我在页面中编码的方式：

jQuery('body').on('click', '.markasread', function() {
  var message_id = jQuery(this).attr('message_id');
  if (message_id) {
    if (confirm('Are you sure ?')) {
      jQuery.ajax({
        type: "POST",
        url: ACTION_URL,
        data: {
          "message_id": message_id
        },
        beforeSend: function() {
          jQuery(this).html('<img src="images/loading.gif" alt="" />');
        },
        success: function(data) {
          if (data.html) {
            alert(data.html);
          }
        },
        error: function(errorThrown) {
        }
      });
    }
  }
});

这是我为每个动作/自动刷新执行所有功能的方法。有时它最终会显示加载。我想知道我做错了什么吗？是否有任何参数可以防止AJAX调用相互崩溃？