Как обновить страницу в jquery ajax запросе?

348
31 июля 2017, 15:09

Есть одна кнопка или форма на которой висит обработчик и при нажатии происходит 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;
});
Answer 1

Как правило, вместо полной замены хтмл формы, просто очищаются и/или заполняются как надо ее поля.

Например, сброс формы

$(".form-signin")[0].reset();

очистить текстовое поле

$(".form-signin").find('[name=field_name]').val('');

для чекбоксов надо управлять атрибутом checked

$(".form-signin").find('[name=field_name]').removeAttr('checked');
READ ALSO
Hello world для jsdom с jquery

Hello world для jsdom с jquery

В node-jsdom hello world c jquery выглядит так:

332
Discord-js ошибка в таймере

Discord-js ошибка в таймере

Код ниже отлавливает время до voiceStateUpdate и во времяЦель узнать разницу и выдать монету за минутное нахождение на сервере

403
Из-за чего ошибка в консоли?

Из-за чего ошибка в консоли?

Вот демка https://jsbincom/kujeqefegi/edit?html,js,console,output Есть простой html и скрипт, часть которого отвечает за добавление новых блоков, а часть за удаление:

323
Переделка Js анимации

Переделка Js анимации

Подскажите как изменить код, что бы реализовать анимацию, так, что б через каждые 5 сек происходила анимация данный(mainpage__top__caption,mainpage__top--line-1...

568