jquery - 防止这种竞争条件

Question

我在页面上有一堆文本框和提交按钮。我已经连接了文本框的TextChanged事件来执行服务器端方法。用户在文本框中输入值，将标签输出到下一个文本框（触发textchanged事件），最后单击提交按钮，调用另一个服务器端方法。所有的功能都是异步的。提交方法只有在textchange方法完成后才需要执行，因为它们共享相同的数据。问题有时textchange方法需要稍长的时间才能完成，并且submitchange方法在textchange函数完成之前触发。我如何防止这种情况？我如何锁定/排队功能？

Answer 1

不要锁定或排队任何东西！只需禁用提交按钮，直到更改事件+ ajax完成。

$('#submitBtn').attr('disabled', 'disabled'); 

或者jQuery的1.6+：

$('#submitBtn').prop('disabled', true); 

而当变化AJAX完成：

$('#submitBtn').attr('disabled', '');//or $('#submitBtn').prop('disabled', false) 

Answer 2

从它的声音看看本Alman的jQuery的队列插件http://benalman.com/projects/jquery-message-queuing-plugin/那可能是你需要的。