jquery - предотвращение этой гонки состояние

Question

У меня есть куча текстовых полей на странице и кнопка отправки. Я проверил событие TextChanged текстового поля, чтобы выполнить метод на стороне сервера. Пользователь вводит значения в текстовые поля, выводит их в следующее текстовое поле (запускает событие с изменением текста) и, наконец, нажимает кнопку отправки, которая вызывает другой метод на стороне сервера. Все функции асинхронны. Метод submit должен быть выполнен только после завершения метода textchange, поскольку оба они используют одни и те же данные. Иногда проблема заключается в том, что метод textchange занимает немного больше времени, и метод отправки запускается до завершения функции textchange. Как я могу это предотвратить? Как заблокировать/поставить в очередь функции?

Answer 1

Не запирайте и не ставьте в очередь! Просто отключите кнопку отправки, пока событие изменения + ajax не будет завершено.

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

Или JQuery 1.6+:

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

И когда изменение Аякс отделка:

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

Answer 2

Посмотрите на JQuery очередь плагине Бен Alman в http://benalman.com/projects/jquery-message-queuing-plugin/ из звуков от нее, может быть то, что вам нужно.