Сброс формы AJAX

Question

Я пишу очень тяжелое приложение Javascript, используя jQuery. Одна из проблем, с которой я сталкиваюсь, возникает, когда я выполняю сообщения в форме AJAX. Первоначально формы визуализируются из механизма шаблонов на стороне сервера, для этих форм установлены значения по умолчанию. Форма имеет два варианта, СОХРАНИТЬ и ОТМЕНА (отменить). Когда пользователь нажимает «СОХРАНИТЬ», данные формы отправляются на сервер через jQuery. Когда пользователь нажимает «ОТМЕНА», в форме вызывается функция Javascript reset().

Настоящая проблема возникает, когда я вводю / обновляю поля в форме, а затем СОХРАНЯЮ. Если я попытаюсь снова отредактировать форму и щелкнуть «ОТМЕНА», форма вернется обратно в исходное состояние (состояние формы при начальной визуализации страницы), а не в состояние последней отправки AJAX.

Похоже, что функция Javascript reset() использует атрибуты 'value', 'checked' и т. Д., Которые были установлены при визуализации страницы. Если это так, каков наилучший способ обновить значения форм, чтобы метод reset() возвращался к последней точке, в которой я отправил форму через AJAX?

Answer 1

вам нужно будет «перекрасить» формы так, чтобы их «начальные значения» были теми, которые есть в AJAX. Сброс формы полагаться на значение, которое пришло, когда элемент нарисован на странице. вот демонстрация , чтобы показать концепцию

просто пересоберите эту форму снова, с шаблоном и успешными значениями. Вы можете сделать это на лету, используя шаблонный движок JS, такой как усы, и, возможно, кешировать шаблон локально, чтобы не выполнять лишние HTTP-запросы