Есть обычная форма, которая при нажатии на Send переводит пользователя на сторонюю страницу, к которой я не имею доступа. Задача в том, чтобы перед переходом на эту страницу (или паралельно с переходом на нее) записать в БД данные, которые были заполнены в момент нажатия кнопки Send. Как такое можно реализовать? Спасибо.
4
-
1аяксом можно. Пишете колбэк для $('form_selector').submit(event) в котором делаете асинхронный запрос к скрипту для записи в базу. При успешном ответе делаете return; , а при неудачном event.preventDefault() – Ivan Frolov 25 фев '16 в 14:49
-
вот ссылка на jquery функцию .submit() – Ivan Frolov 25 фев '16 в 14:50
-
Забыл спросить, у вас Send именно именно сабмитит форму? – Ivan Frolov 25 фев '16 в 14:52
-
да, форму сабмитит. но я, к сожалению, в аяксе не силен :( – Mykhaylo Petyakh 26 фев '16 в 15:08
добавить комментарий
|
1 ответ
$('#testForm').submit(function(event) {
event.preventDefault();
event.returnValue = false;
var form = $(this); //делаем ссылку на элемент формы
var sendingParam = $('#testValue').val();
$.post('handler.php', {paramToSave: sendingParam}
,function(data) {
//это обработчик успешного
}
,function(data) {
//это обработчик неудачного запроса
}
,function(data) {
form.off('submit'); //освобождаем форму от текущего обработчика события submit
form.submit();// чтобы вызвать стандартную функцию сабмита вместо той, что мы описали
});
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form name="formName" is="testForm">
<input type="text" id="testValue" name="testValue"/>
<input type="submit" value="Submit" />
</form>
Где handler.php - это ваш скрипт в котором находится функция сохранения в базу