javascript - 如何锁定 AJAX 函数以免重叠？

Question

我有一个函数 checkEvery15Seconds 每 15 秒运行一次。它会检查是否已将新评论添加到页面。

我有一个表单，可以在按下提交按钮后提交新评论，然后在页面上显示新评论。

在添加新评论的过程中 checkEvery15Seconds 同时在查询数据库，所以我最终在页面上有重复的评论(虽然不在数据库中，这纯粹是一个 JavaScript问题)。

如何让“submitComment”函数停止 checkEvery15Seconds 并在“submitComment”函数执行完毕后重新启动它？

Answer 1

在两个函数都可以访问的范围内添加一个名为 something suspend15sCheck 的 bool 值。在添加评论时启用它，然后再次将其设置为 false。

在您的 15sCheck 函数中，您首先必须检查是否允许您检查 :-)

var suspend15sCheck = false;

function addComment()
{
  suspend15sCheck = true;

  // add comment on base of form data

  suspend15sCheck = false;
}

function myTimer()
{
    if(suspend15sCheck === false) 
    {

      // add comments via ajax request
      // remember to check if the comments who will be added already exist :-)

    }
}