В этом случае необходимо воспользоваться jquery-ajax
. Без ajax
в настоящее время нет решения.
Сначала вызовите функцию JavaScript при отправке формы. Просто установите onsubmit="func()"
. Даже если функция вызывается, будет выполняться действие по умолчанию для представления. Если он будет выполнен, не будет возможности остановить обновление страницы или перенаправление. Итак, следующая задача - предотвратить действие по умолчанию. Вставьте следующую строку в начале func()
.
event.preventDefault()
Теперь не будет перенаправления или обновления. Таким образом, вы просто делаете ajax-вызов из func()
и выполняете все, что хотите, когда заканчивается вызов.
Пример:
Форма:
<form id="form-id" onsubmit="func()">
<input id="input-id" type="text">
</form>
Javascript:
function func(){
event.preventDefault();
var newValue = $('#input-field-id').val();
$.ajax({
type: 'POST',
url: '...',
data: {...},
datatype: 'JSON',
success: function(data){...},
error: function(){...},
});
}