Почему добавляются данные в таблицу при перезагрузки страницы?

Question

[Vladislav Apalkov]

При заполнении поля Вопрос, и нажатие на кнопку добавить, он добавляет. Но если обновить страницу, то он так же еще раз (повторно) добавит то же самое. И так пока не перейду на другую страницу и потом назад.
id (AUTO_INCREMENT), а если сделать не авто заполнением, то тогда все нормально.

<tr class="tr-admin">
<form method="POST">
 <td class="td-admin"> <textarea name="question" placeholder="Вопрос" class="name" required style="width: 300px; height: 200px;"></textarea> </td>
</tr>
</table>
          <input class="btn" id='button-name' type="submit" name="add" value='Добавить'>
      </form>

<?php
if (isset($_POST['add'])){
$a=$_SESSION["login"];  
$b=$_POST["question"];
  $query = "INSERT INTO vopros (user, question) values ('$a', '$b')";
mysql_query($query);
}
?>

Answer 1

[romy4]

потому что перезагрузка опять посылает форму на сервер

Comments

[Vladislav Apalkov]

как сделать что бы не пересылала?

[Евгений Карпов]

Vladislav Apalkov: я бы реализовал отправку средствами ajax

[Vladislav Apalkov]

Евгений Карпов: как?

[Евгений Карпов]

Vladislav Apalkov:

$("#button-name").on("click", function(){
			$("form").submit(function() { return false; });
			$("#button-name").replaceWith("<em>отправка...</em>");
			$.ajax({
				type: 'POST',
				url: 'mail_send/send.php',
				data: $("form").serialize(),
				success: function(data) {
					if(data == "true") {
						$("form").fadeOut("fast", function(){
							$(this).before("<p><strong><center>Спасибо!</center></strong></p>");
																
						});
					}
				}
			});
		});

[Vladislav Apalkov]

Евгений Карпов: Спасибо

[Евгений Карпов]

Vladislav Apalkov: пожалуйста, обращайся)

[Vladislav Apalkov]

Евгений Карпов: Блин, рано я обрадовался, в ajax вообще ничего не шарю:(

[Vladislav Apalkov]

Евгений Карпов: Сможете пояснить?

[Евгений Карпов]

Vladislav Apalkov: jquery подключено? сам скрипт в конец страницы с формой, url: 'mail_send/send.php' серверный скрипт, в твоем случае это пхп файл

<?php
if (isset($_POST['add'])){
$a=$_SESSION["login"];  
$b=$_POST["question"];
  $query = "INSERT INTO vopros (user, question) values ('$a', '$b')";
mysql_query($query);
}
?>

с именем send.php. если все успешно серверный скрипт должен возвратить data == "true" то есть if (uslovie=='true') echo "true" else echo 'error'; Условие продумай сам. Функция serialize() работает с атрибутом name, получает значение, связанные с этим атрибутом. ТЕ name должен быть обязательно. так же можешь добавить event.preventDefault(); вот здесь $("#button-name").on("click", function(event){
event.preventDefault();

....}
отменяет переход по ссылке

[Vladislav Apalkov]

Евгений Карпов: Спасибо, буду разбираться:)