javascript - 当ajax调用未完成时，如何阻止用户再次点击链接？

Question

我有一个链接，在点击时我做了一些javascript代码和ajax，但问题是当用户多次点击而没有完成之前的过程时，它将执行所有点击，我想停止点击直到上一次处理完成，

Answer 1

当异步任务完成时，您可以使用 .one() 并在 .then() 处重新附加事件

function request() {  
  return $.ajax()
}

function handleClick(e) {
  request.then(function() {
    $(e.target).one("click", handleClick)
  }, function(jqxhr, textStatus, errorThrown) {
       console.error(errorThrown)
  })
}

$("p").one("click", handleClick);