Форма связи JQUERY AJAX

438
24 ноября 2016, 09:56
$("form").submit(function() { 
    var th = $(this);
    $.ajax({
        type: "POST",
        url: "mail.php",
        data: th.serialize()
    }).done(function() {
        alert("Thank you!");
        setTimeout(function() {
            th.trigger("reset");
        }, 1000);
    });
    return false;
});

Есть скрипт для отправки формы, подскажите, как вместо алерта вывести скрытый див с благодарностями?

Answer 1

Добавить на страницу тег div

<div id="hiddiv">Thank you!</div>

Добавить скрипт

$("form").submit(function() { 
    var th = $(this);
    $.ajax({
        type: "POST",
        url: "mail.php",
        data: th.serialize()
    }).done(function() {
        $('#hiddiv').show();
        setTimeout(function() {
            th.trigger("reset");
        }, 1000);
    });
    return false;
});

Добавить в css

#hiddiv {
    display: none;
}
READ ALSO
Как снять активность с других элементов?

Как снять активность с других элементов?

Допустим кликнули на первую картинку, она выделилась, как сделать чтобы при клике на вторую, у первой пропадала активность,а вторая была активная....

356
Передача значения из одного div в другой

Передача значения из одного div в другой

Есть раскрывающийся список из div элементов. Надо при клике на определенный div передать его значение (изображение с текстом) в заголовок списка,...

353
Помогите переписать с jquery на чистый js

Помогите переписать с jquery на чистый js

Помогите переписать с jquery на чистый js. .

328
Отправка формы 2 раза Yii2

Отправка формы 2 раза Yii2

У меня есть форма. Для ее отправки я использую ajax.

716