Есть одна кнопка или форма на которой висит обработчик и при нажатии происходит ajax запрос. При успешном выполнении я могу в success только поместить ответ в какой нибудь элемент, но не обновить саму форму, пробовал удалять весь html но все равно происходило копирование в существующие элементы. Как обновить всю форму, удалив старую или обновить какой то из элементов при успешном выполнении?
$( ".form-signin" ).submit(function() {
var str = $(this).serialize();
$.ajax({
type: "POST",
url: "/admin/loginform",
data: str,
cache: false,
success: function(html){
$(".container").html(html);
}
});
return false;
});
Как правило, вместо полной замены хтмл формы, просто очищаются и/или заполняются как надо ее поля.
Например, сброс формы
$(".form-signin")[0].reset();
очистить текстовое поле
$(".form-signin").find('[name=field_name]').val('');
для чекбоксов надо управлять атрибутом checked
$(".form-signin").find('[name=field_name]').removeAttr('checked');
Сборка персонального компьютера от Artline: умный выбор для современных пользователей