Как передать данные формы без перехода на страницу выполнения скрипта?

Question

[Jsman]

Есть форма

<form method="post" action="report.php">
    <label for="firstname"></label>
    <input type="text" id="firstname" name="firstname" /><br />
    <input type="submit" value="Report Abduction" name="submit" />
  </form>

report.php - скрипт кот-ый отправляет данные формы на почту
При нажатии на submit осуществляется переход на страницу report.php. Как сделать так, чтобы срипт исполнялся, а переход не осуществлялся ?

Answer 1

[entermix]

Есть несколько вариантов решения проблемы:

• Отправлять AJAX запрос на report.php
  
• На стороне report.php сделать редирект на нужную страницу (анпример на ту, с которой был отправлен запрос)
  

Answer 2

[Archakov Dennis]

Вот плагин ответ на ваш вопрос. Сам юзаю

Comments

[Jsman]

Круто, Спасибо!

[Jsman]

Сейчас затестил, очень круто :)

Answer 3

[Андрей Павленко]

Кроме, собственно, AJAX, заодно погуглите о pjax, там тоже можно делать запросы формы без полной перезагрузки страницы.