javascript - 防止多个 AJAX 请求

Question

问题:AJAX 调用被调用了多次，尽管它已被调用一次。

功能:我点击一个按钮进行 AJAX 调用(mootools Request.JSON)。初始调用已完成，但有多个调用已启动。次数是随机的，有时是 2 或 3。

其他 AJAX 调用也存在此问题。我如何防止这些额外的电话？

我在某处读到过有关 AJAX 调用的绑定(bind)/解除绑定(bind)的信息，但我还是很信服

Answer 1

我高度怀疑这是由于事件传播/冒泡(由于嵌套元素)造成的。

例如看我的 fiddle :http://jsfiddle.net/FHRv7/1/

所有 DIV 都被告知在点击时显示警告。通过单击 A 或 B，您会注意到出现了三个警报。这是因为您不仅要为包含字母的框触发事件，还要为出现在字母下方的两个框触发事件。

C 然而已经被设置为通过使用 e.stopPropagation(); 来取消传播，这告诉 jQuery/Javascript 不再处理任何事件。

希望这对您有所帮助？

加夫