@gladivi

Возможно ли такое реализовать?

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег FORM, атрибут method</title>
 </head>
 <body>  
 <form action="handler.php" method="post">
  <p><input type="text" name="str"></p>
  <p><input type="submit" value="Отправить"></p>
 </form>
 </body>
</html>


После нажатии на кнопку идет адрисация на адрес /handler.php.Возможно ли сделать так,чтобы адрисации не было,но скрипт работал?
  • Вопрос задан
  • 78 просмотров
Решения вопроса 1
NeiroNx
@NeiroNx
Программист
Добавь на страницу код:
<script type="text/javascript" src="//code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$(function() {
      $('form').submit(function(e) {
        var $form = $(this);
        $.ajax({
          type: $form.attr('method'),
          url: $form.attr('action'),
          data: $form.serialize()
        }).done(function() {
          console.log('success');
        }).fail(function() {
          console.log('fail');
        });
        //отмена действия по умолчанию для кнопки submit
        e.preventDefault(); 
      });
    });
</script>


И код без JQuery, работает только в свежих браузерах:


Вдруг кому понадобится.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы