on.blur和on.click在ajax之前触发？

Question

我有两个事件，第二个触发Ajax调用。 （单击会在<td>创建一个输入，之后会被成功事件覆盖 - 因此模糊的输入是正确的）

$(document).on("click","#"+table_id+" td",function(e)

$(document).on("blur","#"+table_id+" td input",function(e)
  ajax(ajaxStatements,"update");

如果我点击<td>然后点击一个空白区域，它会如下所示：

点击事件-----------
BLUR EVENT #######
AJAX EVENT +++++++

如果我点击<td>然后再次点击另一个<td>它就表现不正常。

点击事件-----------
BLUR EVENT #######
AJAX EVENT +++++++
点击事件-----------

这就是我要的。 但接下来 - 这就是问题 - 响应变化并且这样做：

点击事件-----------
BLUR EVENT #######
点击事件-----------
AJAX EVENT +++++++

为什么即使调用blur事件，新的click-event也会在ajax调用之前触发？

Answer 1

因为AJAX是异步的，所以您的请求和click事件会同时触发。

尝试这个：

$.ajax({
 async:false,
})

Answer 2

这是因为您的异步中的ajax（）请求并不等待ajax（）完成。 因此，如果你想保持这个过程直到ajax没有完成，试试这个：

$.ajax({
   async:false,
});