jquery - jquery-この競合状態を防ぐ

Question

ページにたくさんのテキストボックスと送信ボタンがあります。サーバーサイドメソッドを実行するために、テキストボックスのTextChangedイベントを接続しました。ユーザーはテキストボックスに値を入力し、タブで次のテキストボックスに移動し（textchangedイベントをトリガーします）、最後に送信ボタンをクリックして別のサーバー側メソッドを呼び出します。すべての機能は非同期です。submitメソッドは、両方とも同じデータを共有するため、textchangeメソッドが終了した後にのみ実行する必要があります。問題は、textchangeメソッドの完了に少し時間がかかり、textchange関数が完了する前にsubmitメソッドがトリガーされる場合があることです。これを防ぐにはどうすればよいですか？関数をロック/キューに入れるにはどうすればよいですか？

Answer 1

何もロックしたりキューに入れたりしないでください！変更イベント+ajaxが完了するまで、送信ボタンを無効にするだけです。

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

またはjQuery1.6以降の場合：

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

そして、変更ajaxが終了すると：

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

Answer 2

BenAlmanのjQueryQueuingプラグインhttp://benalman.com/projects/jquery-message-queuing-plugin/を、必要なサウンドから見てください。