Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/25: Рейтинг темы: голосов - 25, средняя оценка - 4.80
0 / 0 / 0
Регистрация: 24.02.2016
Сообщений: 7

Очистка формы после отправки Ajax - jQuery

05.08.2018, 21:15. Показов 5266. Ответов 2

Студворк — интернет-сервис помощи студентам
Доброго времени суток!
Перелазил по форуму, но ответа не нашел (прошу тему оставить до полного завершения)!!!

Как ни пробую - не могу очистить поля после отправки... вот как ни пытаюсь. empty и val не справляются (если empty форму убрать может, то у val 0 реакции на всё...)
так же + если поможете с таймаутом или очисткой строки (что-бы висело 1-2 секунды и убиралось)
JavaScript
1
$('#result_form').html('Имя: '+result.name+'<br>Телефон: '+result.phonenumber);
вот код самого js:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
/* Article FructCode.com */
$( document ).ready(function() {
    $("#btn").click(
        function(){
            sendAjaxForm('result_form', 'ajax_form', 'action_ajax_form.php');
            return false; 
        }
    );
});
 
function sendAjaxForm(result_form, ajax_form, url) {
    $.ajax({
        url:     url, //url страницы (action_ajax_form.php)
        type:     "POST", //метод отправки
        dataType: "html", //формат данных
        data: $("#"+ajax_form).serialize(),  // Сеарилизуем объект
        success: function(response) { //Данные отправлены успешно
            result = $.parseJSON(response);
            $('#result_form').html('Имя: '+result.name+'<br>Телефон: '+result.phonenumber);
        },
        error: function(response) { // Данные не отправлены
            $('#result_form').html('Ошибка. Данные не отправлены.');
        }
    });
}

Заранее спасибо!
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
05.08.2018, 21:15
Ответы с готовыми решениями:

Очистка формы после отправки ajax
Как очистить форму после отправки методом ajax? function vstepeni() { var a = document.getElementById(&quot;a&quot;).value; ...

Очистка формы после отправки
Всем привет. Есть сайт на нем есть несколько форм для отправки заказа. Если, например нажать на кнопку в шапке &quot;заказать звонок&quot;,...

Очистка полей после отправки формы
Ребята пожалуйста подправьте этот скрипт что бы он очищал поля после отправки. Просто я в JS полный 0.. ...

2
the hardway first
Эксперт JS
 Аватар для j2FunOnly
2475 / 1847 / 910
Регистрация: 05.06.2015
Сообщений: 3,610
06.08.2018, 11:42
Лучший ответ Сообщение было отмечено lie2 как решение

Решение

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function sendAjaxForm(result_form, ajax_form, url) {
  $.ajax({
    url: url, //url страницы (action_ajax_form.php)
    type: "POST", //метод отправки
    dataType: "html", //формат данных
    data: $("#" + ajax_form).serialize(), // Сеарилизуем объект
    success: function(response) { //Данные отправлены успешно
      result = $.parseJSON(response);
      $('#result_form').html('Имя: ' + result.name + '<br>Телефон: ' + result.phonenumber);
 
      // reset form
      $('#' + ajax_form).trigger('reset');
    },
    error: function(response) { // Данные не отправлены
      $('#result_form').html('Ошибка. Данные не отправлены.');
    },
    complete: function() {
      setTimeout(function() {
        $('#' + result_form).html('');
      }, 1500)
    }
  });
}
1
0 / 0 / 0
Регистрация: 24.02.2016
Сообщений: 7
06.08.2018, 21:13  [ТС]
Спасибо. Всё работает как часы.
Запомнил исполнение....
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
06.08.2018, 21:13
Помогаю со студенческими работами здесь

Очистка полей после отправки формы
Как сделать чтобы после отправки формы поля очищались?Куда именно надо вставить код очистки? &lt;style type=&quot;text/css&quot;&gt; ...

Очистка поля формы, после отправки
Здравствуйте! Необходимо сделать очистку поля формы, после отправки... Знаю, что можно сделать таким образом:...

Очистка формы после отправки данных
скрипт оправляет пост и получает данные, как очистить форму после получения ответа? &lt;script type=&quot;text/javascript&quot;&gt; ...

Вывод модальной формы после отправки формы AJAX
Здравствуйте, помогите, пожалуйста, разобраться, есть модальная форма arcticmodal для просмотра этой формы можно найти её в поисковике, она...

После отправки Ajax формы остается кнопка с индикатором загрузки
После сохранения данных через форму успешно происходит переход на нужную страницу, но кнопка save с индикатором загрузки не исчезает,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru