Получить статус / ответ из формы в javascript

Скажем, у меня есть форма, которая выглядит примерно так:

<form action = "http://example.com" method = "POST">  
  <input type = "text" value = "text">  
  <input type = "submit">  
</form>  

Каким будет лучший способ получения кода ответа (в данном случае меня не интересует контент, я просто проверяю успешность запроса), в идеале с помощью javascript?

Вам нужно будет добавить прослушиватель событий в форму (отправить), отменить событие в функции обратного вызова (event.preventDefault ()), а затем выполнить вызов post. В зависимости от поддерживаемых браузеров вы можете использовать fetch или xhr. Тогда вы сможете что-нибудь сделать с полученными данными. Это был вопрос, который у вас был?

Domenik Reitzner 20.05.2018 08:26

да, это так.

lmal 20.05.2018 23:01

Не могли бы вы отметить мой ответ как решение. Это было бы прекрасно. Рад, что смог помочь.

Domenik Reitzner 21.05.2018 16:25
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
652
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Самый простой ответ: jQuery. Сделайте что-нибудь вроде этого:

$(document).ready(function(){
   var $form = $('form');
   $form.submit(function(){
      $.post($(this).attr('action'), $(this).serialize(), function(response){
            // do something here on success
      },'json');
      return false;
   });
});

Я не знаю, идеально ли это, но я бы просто сделал вызов AJAX вместо этого вызова синхронизации. Поэтому я бы удалил действие и метод из формы, а при отправке использовал preventDefault();. Затем соберите данные с помощью getElementById или querySelector или чего-то еще. И, наконец, используйте xhttp.open() и xhttp.sned() для отправки внутреннего вызова на ваш URL.

Взгляните на больше информации об AJAX.

Ответ принят как подходящий

Вам нужно будет добавить прослушиватель событий в форму (отправить), отменить событие в функции обратного вызова (event.preventDefault ()), а затем выполнить вызов post. В зависимости от поддерживаемых браузеров вы можете использовать fetch или xhr. Тогда вы сможете что-нибудь сделать с полученными данными.

Другие вопросы по теме