Как не обновлять страницу при нажатии на input[type=submit]?

222
26 февраля 2018, 00:12

У меня имеется index.php, а в нём php+html код. Имеется кнопка, при нажатии на которую, происходит обработка php кода, и страница обновляется.
Как сделать чтобы страница не обновлялась при нажатии на кнопку? Пример кода:

<input class="col-xs-12 btn btn-primary" type="submit" name="enter" id="enter" value="Показать"/> - кнопка

if(isset($_POST['enter'])
{ //тут код }
Answer 1

index.php

<form action="" method="POST">
   <input class="col-xs-12 btn btn-primary" type="submit" name="enter" id="enter" value="Показать"/>  
</form>

script.js

$('form').submit(function(e){
    e.preventDefault();
    $.ajax({
      type: "POST",
      url: "post.php",   
      datatype: "text",
      data: {enter : $("#enter").val() },
      success: function(data) {
        console.log(data);
      }
    });
});

post.php

if(isset($_POST['enter'])){ 
 echo "Post data: ".$_POST['enter']; //тут код 
}
READ ALSO
Пошаговая загрузка файлов в форму

Пошаговая загрузка файлов в форму

Нужно реализовать загрузку фотоальбома на сервер через формуПроблема возникла тогда, когда встал вопрос о том, как реализовать загрузку...

223
Стилизованные теги формы - &lt;select&gt; - &lt;option&gt; [дубликат]

Стилизованные теги формы - <select> - <option> [дубликат]

На данный вопрос уже ответили:

201
Подскажите как сверстать такие секции

Подскажите как сверстать такие секции

Подскажите, как сверстать такие секцииПробовал через clip-path обрезать блоки нужным образом, но при изменении разрешения clip-path обрезает уже...

215
Ссылка из svg на документ

Ссылка из svg на документ

Элементы по цвету должны быть в группахПри наведении на один цвет, реагировать должны все остальные идентичные цвета

206