Как дождаться завершения AJAX?

Question

[nezzard]

Добрый вечер, есть кнопка по которой запускается AJAX, обрабатывается функция, и возвращаются данные.
Суть в том, что если очень быстро нажимать на кнопку, то php функция немножко глючит и некорректно обрабатывает данные.
Нужно каким то образом запретить нажимать на кнопку, либо дождаться полного выполнения php, прежде еще раз запускать ajax
Пробовал делать клик по классу .click, потом remove .click и когда success добавлять .click, но почему то оно все ровно кликает даже без класа.

Может есть решение моей проблемы? Подскажите пожалуйста

Answer 1

[kompi]

var buttonLocked = false;
$('button_selector').on('click', function(e) {
  e.preventDefault();
  if(!buttonLocked) {
     buttonLocked = true;
     $.ajax(...)
       .always(function(data) { buttonLocked = false; });
  }
})

Answer 2

[Антон Щербаков]

RequestBlock = true; // в глобале разрешаем запрос

if (RequestBlock == false) {
	console.log('ничего не делаем');

} else if (RequestBlock == true) {
	RequestBlock = false; // блокируем следующий запрос пока не отработает $.ajax

	$.ajax({
		type: 'POST',
		url: 'URL',
		data: {},
		cache: false,
		dataType: 'JSON',
		timeout: 15000,
		success: function(r) {
			RequestBlock = true;
			console.log(r);
		},
		error: function(jqXHR, textStatus, errorThrown) {
			RequestBlock = true;
		}
	});
}

Comments

[nezzard]

Даже с вашим решением работает очень быстро, и php функция глючит

[Антон Щербаков]

Оберните RequestBlock = true в:

setTimeout(function(){
RequestBlock = true;
},3000);

И да, как может глючить php функция?
RequestBlock = true присваивается в любом случае (успех/ошибка) только после получения ответа, повторное обращение не возможно, пока запрос не прекратится по какому-либо условию. Т.е. в вашем случае, получив ответ - функция php должна была бы прекратить работу.
Может быть проблема не на клиенте?

Answer 3

[Ilya Bobkov]

Вам синхронный вызов нужен. На jquery async: false. На чистой яве не знаю как. Либо калбэк функция.

Comments

[nezzard]

ставил async:false все как то тормозит и все ровно даже если при тормозах нажимать на кнопку то функция выполняется и иногда с ошибками

Answer 4

[Роман Макаров]

возможно preventDefault поможет

Answer 5

[afishr]

Я наверное не правильно понял. но всё же) Может добавить атрибут disabled к кнопке пока скрипт не выполнится?

Comments

[nezzard]

а к обычной ссылке можно disabled?

[afishr]

nezzard: ааа, а вы .preventDefault() делали? Может по этому она без .click работала.

Answer 6

[Евгений Бухарев]

Как вариант, это прерывать аякс запрос при клике на кнопке и посылать его ещё раз.
Дословно не могу сказать что и как делать, так как реализовывал эту задачу довольно давно, но примерно так переменной присваивается $.ajax(...), далее в коде проверяем есть ли на данный момент активный аякс запрос то его прерываем и отправляем по занову. Таким способом у вас исключено несколько идентичных аякс запросов, будет только один, остальные будут прерываться

// Метод abort() отменят текущий HTTP-запрос.
// Метод abort(). Если запрос был оправлен, этот метод отменит его.
var xhr = $.ajax({
    type: "POST",
    url: "some.php",
    data: "name=John&location=Boston",
    success: function(msg){
       alert( "Data Saved: " + msg );
    }
});
 
// Убить запрос
xhr.abort()