Как отправить контактную форму без переадресации страницы при успешном завершении

Question

Я создаю веб-сайт для работающего клуба, который я знаю, и у него есть контактная форма, которая в настоящее время перенаправляется на страницу с благодарностью об успехе. Я пытаюсь избежать других страниц и перенаправлений, поэтому я хотел, чтобы это сообщение получило успешное сообщение вместо этого.

Друг, рекомендованный googling JQuery Post, но я не мог это понять, поэтому было интересно, может ли кто-нибудь здесь помочь мне или помочь мне в учебнике или что-то в этом роде?

Заранее спасибо

Answer 1

<!--Add an ID to your form--> 
<form action="something" method="post" id="formId"> 
    <!--Your form goes here--> 
    <input type="submit" value="Submit button"/> 
</form> 

Теперь ваш JQuery/JavaScript может выглядеть!

<script> 
    $('#formId').on('submit',function(e){ 
     e.preventDefault();//this stops your page from default action 
     //now serialize form and make $.ajax() request. 
     //on response show success but you may now chose not to reload the page 
    }); 
</script> 

Вот ссылка, которая может помочь Submitting HTML form using Jquery AJAX

Answer 2

Как вы знакомы с JQuery/Ajax?

Что вы хотите сделать, это сделать jQuery, используя ajax, чтобы отправить форму, а не браузер, представляющий всю форму.

Вы хотите сделать это:

1. На $.document.ready Использование form.submit зарегистрировать обработчик событий.
2. Внутри обработчика предотвратите отправку формы, как обычно, используя event.preventDefault. Это предотвратит перенаправление. В случае, если ваш код содержит ошибку
3. сериализовать данные формы с использованием serialize
4. ли асинхронный пост запрос с использованием $.post. Убедитесь, что вы предоставили отказоустойчивый обработчик.

Существует достаточно примеров кода в ссылках + Я верю в чтение документации, чтобы вы знали, что делает ваш код.

Я думаю, что вызов preventDefault должен быть в конце. В случае, если ваш код имеет ошибку, форма вернется к методу отправки по умолчанию (тот, который перенаправляется, которого вы хотите избежать, но по крайней мере он будет продолжать работать)