点击事件ajax请求,禁用所有点击事件，直到AJAX请求完成

//start loop

product Name

Edit

Delete

//end loop

在我的JavaScript，我做这样的事情：

$('#delete-prd-').click()

{

//change style of the row to show its being deleted..

$('row-prd-').addClass('deleting');

//make ajax call to delete

ajaxDeleteRecord(prd-);

}

现在，这个工作正常。我担心的是，在较低的连接速度情况下，删除ajax呼叫需要几秒钟才能完成。我担心如果用户点击另一条记录的编辑或删除按钮会发生什么情况。所以我有三个问题：

1.我应该禁用页面上的所有点击事件，直到ajax调用返回？ 对我来说，这似乎不是一个好的选择 - 假设ajax调用出错......在这种情况下，用户现在处于他/她无法再点击页面中任何内容的状态！

2.我该如何处理？ ...我有点不知道该怎么做。我想这是我有三个问题中最重要的。

1.如果我必须禁用并重新启用页面上元素的点击(编辑/删除/新建)，有没有简单的方法来做到这一点？ ...只是好奇...

+0

怎么样让你的AJAX调用同步？在AJAX调用返回之前，它会阻止其他所有内容。 –

+0

嗯...这是一个非常好的建议。我想我将不得不处理在任何情况下破坏的ajax响应...... –

+0

考虑处理错误情况，而不是通过使请求同步来使浏览器无响应。查找'$ .ajax()'中的'error'回调选项' –