Как отправить данные с формы без перезагрузки страницы, да легко с помощью ajax.
Создадим простенькую форму:
1 2 3 4 5 6 7 8 9 10 11 |
<form method="POST" id="formx" action="javascript:void(null);" onsubmit="call()"> <label for="name">Name:</label> <input id="name" name="name" value="" type="text"> <label for="email">Email:</label> <input id="email" name="email" value="" type="text"> <input value="Send" type="submit"> </form> |
И делаем непосредственно наш Javascript
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<script type="text/javascript" language="javascript"> function call() { var msg = $('#formx').serialize(); $.ajax({ type: 'POST', url: 'res.php', data: msg, success: function(data) { $('#results').html(data); }, error: function(xhr, str){ alert('Возникла ошибка: ' + xhr.responseCode); } }); } </script> |
Ну и непосредственно (res.php) файл который будет принимать наши
данные и возвращать нам ответ:
1 2 3 |
echo "<pre>"; print_r($_POST); echo "</pre>"; |
Не забываем подключить jQuery