Клик по элементу и ответ аякса (события не связаны)

[sigma77]

Всем привет,

Попробую описать проблему.

Имеется такая структура html-кода

<span id="button">Кнопка</span>
<span id="text">Текст</span>
<input id="field" type="text">

При внесении изменений в инпуте отправляется аякс-запрос.

$('#field').change(function() {
  $.ajax({/* данные запроса */});
});

При нажатии на кнопку, текст должен заменится ответом, полученным из запроса.

Проблема в том, что при клике запрос может быть еще не отработан, соответственно данных не будет и скрипт не исполнится.

Я пока решила эту проблему, использовав $.ajaxComplete() и setInterval:

$('#ajax').ajaxComplete(function() {
  response = jQ.parseJSON(request.responseText);
});

$('#button').click(function() {
  var interval = window.setInterval(function() {
    if (typeof response !== 'undefined') {
      that.renewViewMode(response);
      clearInterval(interval);
    }
  }, 500);
});

Но может есть другие, более лучшие решения?

[s0rr0w]

Сейчас по старой логике аякс запускается именно по onchange каждого поля.

Новую логику, чтобы аякс отправлялся по нажатию на кнопку или при выходе из режима редактирования буду обсуждать.

Вам ее придется обсуждать, так как это путь в никуда. Прямое изменение названия поля без возможности отменить действие, это будет кошмар для того, кто будет восстанавливать систему.